tinymce富文本设置禁止输入

以下是禁止输入的两种方法：
1. 使用WordLimit插件，可以在plugins配置中引入，然后设置max为0，即可禁止输入任何内容。

wordlimit: {
  max: 0,
  spaces: !1,
  isInput: !1,
  toast: function (message: any) { }
}

2. 在el-tinymce-x组件中设置readonly属性为true，即可禁止输入。

<el-tinymce-x :readonly='true' ref='tiny' :id="id"></el-tinymce-x>

相关问题

electron打包tinymce富文本设置中文

要在electron中打包使用tinymce富文本编辑器并设置中文，可以按照以下步骤进行操作：

1. 首先，在你的electron项目中安装tinymce包：

npm install tinymce

2. 在你的HTML文件中引入tinymce的脚本文件：

<script src="./node_modules/tinymce/tinymce.min.js"></script>

3. 在脚本文件中，配置tinymce的参数，包括语言和插件：

tinymce.init({
  selector: 'textarea', // 根据需要修改选择器
  language: 'zh_CN', // 设置语言为中文
  plugins: 'advlist autolink lists link image charmap print preview anchor',
  toolbar: 'formatselect | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image'
});

4. 在需要使用tinymce编辑器的地方添加一个textarea元素：

<textarea></textarea>

5. 最后，在electron中运行你的应用程序，即可看到使用中文的tinymce富文本编辑器。

这样，你就成功地在electron中打包了tinymce富文本编辑器，并设置了中文语言。通过以上步骤，你可以方便地在electron应用程序中使用tinymce编辑器，并进行中文文本编辑。

控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度

在 TinyMCE 富文本编辑器中，可以通过设置默认的 CSS 样式来控制富文本中图片的宽高。具体方法如下：

1. 打开 TinyMCE 编辑器的配置文件，找到 "content_css" 选项。

2. 在 "content_css" 选项中添加一个自定义的 CSS 文件，用来设置图片的默认样式。例如：

content_css : "path/to/custom.css",

3. 在自定义的 CSS 文件中，可以使用以下样式来控制图片的宽高：

img {
  max-width: 100%;
  height: auto;
}

其中，"max-width: 100%;" 表示图片的最大宽度为父容器的宽度，"height: auto;" 表示图片的高度自适应。

通过以上步骤设置之后，插入到 TinyMCE 编辑器中的图片将会默认使用指定的样式，从而控制图片的宽高。