Klipse 嵌入可执行代码片段

正在阅读下面文章的是一个七岁的孩子,你该如何表达才能让他理解以下技术内容?(费曼学习法

你这篇文章要解决的最重要问题是什么?

https://github.com/viebel/klipse

新建一个 HTML 文档,输入以下内容:

<div class="klipse">
  function foo(name) {
  return "Hello " + name;
  }
  foo("Klipse");
</div>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/viebel/klipse@master/dist/codemirror.css">
<script>
  window.klipse_settings = {
    selector_eval_js: '.klipse', // css selector for the html elements you want to klipsify
  };
</script>
<script src="https://cdn.jsdelivr.net/gh/viebel/klipse@master/dist/klipse_plugin.min.js"></script>

我通过 Hugo shortcode 插入的效果:

function hello(name) { console.log(`hello ${name}`) } hello('tianheg')




如希望撰写评论,请发邮件至 me@tianhegao.com (直接点击邮箱可自动跳转至默认邮箱App,并填写收信人和邮件主题)或者点击这里在线留言,我会挑选对读者有价值的评论附加到文章末尾。



可通过以下渠道赞赏此文