javascript - TinyMCE:如何在初始化后添加插件?
问题描述
在 Voyager 项目中,它们允许您通过回调函数修改 TinyMCE :
function tinymce_init_callback(editor)
{
//...
}
此处列出了编辑器的方法。
我知道通常会在 init 上列出插件:
tinymce.init({
plugins: [
'image textcolor'
],
但是是否可以在初始化后添加一个像编辑器image
对象一样的插件?我在文档中找不到这样的功能。
解决方案
这是我的解决方案:
function tinymce_init_callback(editor)
{
editor.remove();
editor = null;
tinymce.init({
selector: 'textarea.richTextBox',
skin: 'voyager',
min_height: 600,
resize: 'vertical',
plugins: 'print preview fullpage searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists textcolor wordcount imagetools contextmenu colorpicker textpattern',
extended_valid_elements: 'input[id|name|value|type|class|style|required|placeholder|autocomplete|onclick]',
file_browser_callback: function (field_name, url, type, win) {
if (type == 'image') {
$('#upload_file').trigger('click');
}
},
toolbar: 'styleselect bold italic underline | forecolor backcolor | alignleft aligncenter alignright | bullist numlist outdent indent | link image table youtube giphy | codesample code',
convert_urls: false,
image_caption: true,
image_title: true
});
}
首先,我删除了 TinyMCE 编辑器的现有实例(由 Voyager 创建),然后使用我想要的插件和参数创建一个新实例。
当页面加载并创建新实例时,TinyMCE 会在“public/vendor/tcg/voyager/assets/js/plugins”中搜索插件。TinyMCE 使用名称“plugin.js”搜索插件 JavaScript 文件,但其中许多插件文件被命名为“plugin.min.js”,导致许多错误导致禁用编辑器。这种不便的一种解决方案是将所有插件文件重命名为“plugin.js”。
推荐阅读
- python - 如何打印有很多撇号的东西?
- c# - 使用 Github Authorize Loop 登录
- javascript - TypeScript 诊断(使用 `[jest-config].globals.ts-jest.diagnostics` 选项自定义):
- etcd - 恐慌:未能解组租赁原型项目错误
- java - 如何在 MSSQL 数据库上使用 JPA 对非 id 列使用自动增量?
- javascript - 如何将Javascript添加到角度html?
- python - PySimpleGUI 表元素。如何读取选定的行?
- java - 为什么这是一个可用于将 String 识别为 IP-Adress 的有效模式?java.util.regex.模式
- python - 用于时间序列分析的 Convolution 1D 解释
- git - 还原原点的原点