在同一页面上拥有两个不同配置的TinyMCE编辑器,可以通过以下步骤实现:
<script src="https://cdn.tiny.cloud/1/{API_KEY}/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
请将{API_KEY}
替换为您自己的TinyMCE API密钥。
<textarea id="editor1"></textarea>
<textarea id="editor2"></textarea>
tinymce.init({
selector: '#editor1',
// 配置1
plugins: 'advlist autolink lists link image charmap print preview anchor',
toolbar: 'undo redo | formatselect | bold italic backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | help'
});
tinymce.init({
selector: '#editor2',
// 配置2
plugins: 'code table emoticons',
toolbar: 'undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | code | table | emoticons'
});
在上述代码中,selector
属性指定了要将TinyMCE应用于哪个textarea元素,plugins
属性指定了要加载的插件,toolbar
属性指定了要显示的工具栏按钮。
这样,您就可以在同一页面上拥有两个不同配置的TinyMCE编辑器了。根据您的具体需求,可以根据TinyMCE的文档进一步了解和使用更多功能和配置选项。
请注意,以上答案中没有提及具体的腾讯云产品,因为TinyMCE是一个开源的富文本编辑器,与云计算厂商无关。
领取专属 10元无门槛券
手把手带您无忧上云