TinyMCE是一个富文本编辑器，它支持使用template插件来预定义和插入模板内容。以下是使用TinyMCE template插件的步骤：
引入TinyMCE和template插件的JS文件。
html复制代码
<script src="tinymce/tinymce.min.js"></script>
<script src="tinymce/plugins/template/plugin.js"></script>
初始化TinyMCE，并启用template插件。
html复制代码
html富文本框
<script>
tinymce.init({
selector: '#mytextarea',
plugins: 'template',
toolbar: 'template',
templates: [
{title: 'My Template 1', description: 'Description 1', content: '<p>Content 1</p>'},
{title: 'My Template 2', description: 'Description 2', content: '<p>Content 2</p>'}
]
});
</script>
在上面的示例中，我们初始化了一个TinyMCE编辑器，并启用了template插件。在templates选项中，我们定义了两个模板，每个模板都有一个title、description和content属性。title和description属性用于描述模板的内容，而content属性包含了模板的实际内容。在这个例子中，我们使用了HTML标签来定义模板的内容。
在TinyMCE编辑器中打开template插件的对话框。
点击编辑器工具栏中的template插件按钮，会打开一个对话框。在这个对话框中，你可以选择一个已有的模板，也可以创建一个新的模板。如果你选择了一个已有的模板，它会自动填充到对话框中；如果你创建一个新的模板，你可以在对话框中输入模板的内容。
将template插件的代码插入到你的网页中。
当你完成编辑模板后，可以将它们插入到你的网页中。在TinyMCE编辑器中，你可以使用insertContent()方法来插入模板的内容。例如：
javascript复制代码
var content = tinymce.get('mytextarea').getContent();
document.getElementById('mydiv').innerHTML = content;
在上面的示例中，我们获取了TinyMCE编辑器的内容，并将其插入到一个具有id="mydiv"的HTML元素中。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。