tinymce.render({ elem: "#edit2" , height: 200 }); util.event('lay-event', { getContent:() => { var content = tinymce.get('#edit').getContent() layer.alert(content) }, setContent:() => { tinymce.get('#edit').setContent('点击按钮设置的内容:<span style="color: #e03e2d;">' + new Date()+'</span>') }, clearContent:() => { tinymce.get('#edit').setContent('') }, insertContent:() => { tinymce.get('#edit').insertContent('<b>插入内容</b>') }, getText:() => { var text = tinymce.get('#edit').getContent({format:'text'}) layer.alert(text) }, reload:() => { tinymce.reload({ elem:'#edit' // 所有参数都可以重新设置 ... },(opt) => { //重载完成后回调函数,会把所有参数回传, //重载仅仅重新渲染编辑器,不会清空textarea,可手动清空或设置 tinymce.get('#edit').setContent('') }) }, destroy:()=>{ tinymce.get('#edit').destroy() }, render:()=>{ tinymce.render({elem:'#edit',height:'500px'}) } });
时间: 2024-01-12 18:02:19 浏览: 374
这段代码同样使用了 tinymce 编辑器,并将其渲染在 id 为 edit2 的元素上。同时,使用了 layui 的 util 模块监听了名为 lay-event 的事件,并且定义了多个事件回调函数。具体来说,事件回调函数及其作用如下:
- getContent:获取编辑器中的 HTML 内容,并且弹出 layer 提示框显示内容。
- setContent:设置编辑器内容为当前时间,并且弹出 layer 提示框显示设置成功。
- clearContent:清空编辑器中的内容,并且弹出 layer 提示框显示清空成功。
- insertContent:在编辑器中插入一段 HTML 内容,并且弹出 layer 提示框显示插入成功。
- getText:获取编辑器中的纯文本内容,并且弹出 layer 提示框显示内容。
- reload:重新加载编辑器,并且弹出 layer 提示框显示重新加载成功。
- destroy:销毁编辑器,并且弹出 layer 提示框显示销毁成功。
- render:重新渲染编辑器,并且弹出 layer 提示框显示渲染成功。
其中,reload 和 render 方法可以重新渲染编辑器,而其他方法只是对编辑器中的内容进行操作。
相关问题
tinymce.render({ elem: "#edit2" , height: 200 }); util.event('lay-event', { getContent:() => { var content = tinymce.get('#edit').getContent() layer.alert(content)
这段代码使用了 tinymce 编辑器,并且将其渲染在 id 为 edit2 的元素上。同时,使用了 layui 的 util 模块监听了名为 lay-event 的事件,并且在事件触发时获取编辑器中的内容,并且弹出一个 layer 提示框显示编辑器中的内容。具体来说,getContent 方法通过 tinymce.get() 方法获取了编辑器实例,再调用 getContent() 方法获取编辑器中的 HTML 内容,并将其弹出显示在 layer 提示框中。
vue2 tinymce Uncaught SyntaxError: Unexpected token '<' (at plugin.js:1:1)
这个错误信息通常表示在 Vue 2 中尝试加载 TinyMCE 插件时遇到了语法错误,具体来说,它提示找到了一个意外的 `<` 字符,这表明可能是 HTML 标签出现在了 JavaScript 文件(如plugin.js)中不应该有的位置。
TinyMCE 是一个富文本编辑器,如果在插件文件中出现了HTML标签,可能是以下原因导致:
1. **配置错误**:可能是你在插件配置文件中不小心引入了一些HTML字符串而不是纯JavaScript代码。
2. **文件损坏**:检查是否有文件被意外修改,或者从非正常来源下载了有问题的插件版本。
3. **加载顺序**:确保在Vue组件中引用TinyMCE库及其插件时,没有将HTML片段提前插入到script标签内。
要解决这个问题,可以按照以下步骤操作:
1. **检查插件配置**:确认插件配置文件是否正确,确保没有混入HTML内容。
2. **验证文件**:检查plugin.js文件的内容,删除或修复可能的HTML标签。
3. **调整加载方式**:如果是动态加载插件,确保在Vue实例化之后再引入TinyMCE及插件。
4. **使用模块导入**:如果有使用ES6模块,确保正确地导入并使用import语句。
如果你需要帮助调试具体的代码,请提供相关的部分代码以便更好地分析问题。
阅读全文