TinyMCE 只读模式

作者: alue | 来源:发表于2022-08-07 22:44 被阅读0次

周末折腾了两天TinyMCE,开发了两个填报页面。总体感觉,TinyMCE采用声明式的配置方式,使用起来比较简单。

一个缺点是,很难动态的改变配置参数。一般做法都是先销毁旧的编辑器,然后用新的参数再新建一个编辑器对象。在某些场景下,这种方式会带来诡异的副作用。

有些参数,是可以通过其它手段做到动态更改的。例如,只读模式,一般是通过声明readonly参数来实现。但这样需要销毁再重建的过程。这里提供一个更加轻量级的做法:

 editor.getBody().setAttribute("contenteditable", "false");

通过修改dom的 contenteditable属性,能够实现动态调整编辑器的只读属性。

相关文章

  • TinyMCE 只读模式

    周末折腾了两天TinyMCE,开发了两个填报页面。总体感觉,TinyMCE采用声明式的配置方式,使用起来比较简单。...

  • 只读模式

    (一) 如果风雨可以设置模式 就把心情嵌入主题 开心时 可以风狂雨骤 失落时 亦可以酥风细雨 哪怕不应景不即时 只...

  • 只读模式

    (一) 旧照片标注年月日以精确的时态刻画清晰的脸不能修改的真相设为只读模式如昨夜的雨无法复制到此刻的星空 (二) ...

  • 富文本编辑器

    1 TinyMCE npm install tinymce @tinymce/tinymce-vue -Simpo...

  • TinyMce富文本编辑器配置说明

    TinyMce使用 参考于Tinymce中文文档[http://tinymce.ax-z.cn/]Tinymce官...

  • Python之路7:文件处理

    文件处理的操作 基础语法: python打开文件常用模式: 只读,读写,二进制只读及读写模式 只读模式打开一个文件...

  • python 文件读写模式r,r+,w,w+,a,a+的区别(附

    1.只读模式(r)一个存在的文件: 2.只读模式(r)一个不存在的文件: 3.只读模式去写文件:

  • web网页嵌入富文本编辑器

    tinymce对于vue提供一个tinymce组件 @tinymce/tinymce-vue 呈现效果 1.先把t...

  • 在vue中使用tinymce编辑器

    TinyMCE插件安装 1.安装 tinymce[https://github.com/tinymce/tinym...

  • Tinymce在线编辑器

    环境:VUE2.x + Tinymce + Tinymce-Vue + element 安装tinymce-vue...

网友评论

    本文标题:TinyMCE 只读模式

    本文链接:https://www.haomeiwen.com/subject/lhuiwrtx.html