要禁用 TinyMCE HTML 编辑器中的图像插入源文本框,请按照以下步骤操作:
plugins
和 toolbar
选项来自定义编辑器功能和按钮。要禁用图像插入源文本框,需要删除 image
插件和相关按钮。以下是一个示例配置:
tinymce.init({
selector: 'textarea', // 选择要应用 TinyMCE 编辑器的文本区域
plugins: 'autolink link image lists print preview', // 删除 'image' 插件
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link lists', // 删除图像按钮
});
这将从 TinyMCE 工具栏中移除图像插入按钮,同时也可禁用图像源文本框。需要注意的是,如果图像按钮不在工具栏中,用户仍然可以通过右键菜单或快捷键插入图像。
如果您只想禁用图像源文本框,但仍然保留插入图像按钮,您可以使用以下配置:
tinymce.init({
selector: 'textarea',
plugins: 'autolink link image lists print preview',
toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image lists', // 保留图像按钮
image: {
src: '', // 设置 src 属性为空字符串,这将禁用图像源文本框
},
});
通过这种方式,图像插入按钮仍然可用,但点击图像按钮时,源代码文本框将不再显示。
领取专属 10元无门槛券
手把手带您无忧上云