TinyMCE HTML编辑器禁用图像插入源文本框

要禁用 TinyMCE HTML 编辑器中的图像插入源文本框，请按照以下步骤操作：

首先，确保您已在项目中正确安装和配置了 TinyMCE。
在 TinyMCE 初始化配置对象中，可以使用 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 属性为空字符串，这将禁用图像源文本框
  },
});

通过这种方式，图像插入按钮仍然可用，但点击图像按钮时，源代码文本框将不再显示。