[feature request] execute script tag inside markdown about docute HOT 8 CLOSED

这是因为动态添加的 html string 里的 script 不会被执行，解决办法大概是：

• 在解析 markdown 之后把 html string 里 script 的内容抽出来然后单独创建一个 script 元素添加到 body 末尾
• 或者直接 eval/new Function 这个 html string 来执行里面的 script 代码

不过我觉得还是写在单独的 js 文件里比较好，因为动态添加的内容执行 js 之后作用是全局的，因为不会需要重新刷新整个页面，各个页面的 js 可能互相影响，那不如直接写在单独的文件里直接在 index.html 中加载。

from docute.

比方说我要在某段文本后面加入codepen的演示例子，不支持script标签的话就没有办法演示，大概是这个意思。。

from docute.

没考虑到这个 😃 这倒可以支持

from docute.

:) 嗯嗯，期待~Thanks for your work

from docute.

不过 codepen 这些的话它的脚本是类似:

<p data-height="300" data-theme-id="17735" data-slug-hash="GNBzOQ" data-default-tab="js,result" data-user="Gthibaud" data-embed-version="2" data-pen-title="vector field Particle" class="codepen">See the Pen <a href="http://codepen.io/Gthibaud/pen/GNBzOQ/">vector field Particle</a> by Gthibaud (<a href="http://codepen.io/Gthibaud">@Gthibaud</a>) on <a href="http://codepen.io">CodePen</a>.</p>
<script async src="https://production-assets.codepen.io/assets/embed/ei.js"></script>

这样的，反正 script 标签是共用的，你应该把这个 script 标签放到 index.html 里，只在 markdown 里加这段 html 就行了

from docute.

get

from docute.

额，其实可以用户自己实现这个功能了，现在提供了 vue-router 的 API，比如:

docute.router.afterEach((to, from, next) => {
  next(vm => {
    // 执行操作
  })
})

from docute.

A simplest solution:

function evalPlugin(ctx) {
  ctx.event.subscribe('content:updated', () => {
    document.querySelectorAll('.content script').forEach(function (el) {
      eval(el.innerHTML) // or new Function
    })
  })
}

from docute.