javascript - 如何在 DOM 创建过程中用 js 脚本替换 HTML 标签

Question

我正在尝试解决问题。 我有一个 CMS，并且我正在使用 CKEditor 通过所见即所得编辑器创建 HTML。

我想在 HTML 中插入一些组件(javascript):CKeditor 当然无法管理这些组件，所以我创建一个插件来创建占位符。

结果是这样的 HTML:

<p>sample text</p>
<p><widget data_id="2" data_type="gallery"></widget></p>
<p>sample text</p>

现在我需要在页面加载期间替换 <widget>用我的小部件标记。 我有一些 api 可以调用，这样我就可以返回图像或 html 片段的图库。

我不想使用 iFrame，我想使用 vuejs 来渲染我的组件，但我从不使用它。还有其他想法吗？ Ajax ？

Answer 1

您可以使用

$(document).onload(function(){

//Type code here 
});