tinymce富文本设置禁止输入
时间: 2024-02-05 12:07:18 浏览: 41
以下是禁止输入的两种方法:
1. 使用WordLimit插件,可以在plugins配置中引入,然后设置max为0,即可禁止输入任何内容。
```javascript
wordlimit: {
max: 0,
spaces: !1,
isInput: !1,
toast: function (message: any) { }
}
```
2. 在el-tinymce-x组件中设置readonly属性为true,即可禁止输入。
```html
<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的脚本文件:
```html
<script src="./node_modules/tinymce/tinymce.min.js"></script>
```
3. 在脚本文件中,配置tinymce的参数,包括语言和插件:
```javascript
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元素:
```html
<textarea></textarea>
```
5. 最后,在electron中运行你的应用程序,即可看到使用中文的tinymce富文本编辑器。
这样,你就成功地在electron中打包了tinymce富文本编辑器,并设置了中文语言。通过以上步骤,你可以方便地在electron应用程序中使用tinymce编辑器,并进行中文文本编辑。
tinymce富文本导出成word
可以使用js库docxtemplater来实现将tinymce富文本导出成word。具体步骤如下:
1. 安装docxtemplater库:`npm install docxtemplater --save`
2. 在html中引入docxtemplater库和jszip库:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.5/jszip.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/docxtemplater@3.10.0/dist/docxtemplater.js"></script>
```
3. 编写导出word的代码:
```javascript
// 获取tinymce富文本内容
var content = tinymce.activeEditor.getContent();
// 将富文本内容插入到word模板中
var template = docxtemplater(fs.readFileSync("template.docx", "binary"));
template.setData({
content: content
});
// 生成word文档
var buf = template.getZip().generate({ type: "nodebuffer" });
fs.writeFileSync("output.docx", buf);
```
其中,`template.docx`是word模板文件,`output.docx`是导出的word文件名。