富文本编辑器禁止改变文本内容

最近做一个项目，用的是quill-editor编辑器，实现的效果是可以编辑样式，不能改变文本内容，百度了很多，都是连工具栏也禁用了，后来检查元素，看html原生代码，发现有一个contentEditable 属性，改为false就可以实现禁止编辑文本内容了，代码如下：

<quill-editorv-model="content":options="editorOption"@focus="onFocus($event)"
></quill-editor>mounted(){let quill = document.getElementsByClassName('ql-editor')[0]quill.contentEditable = false
}

这样就可以实现富文本编辑器，只禁止文本内容改变，不禁止工具栏的使用

富文本编辑器禁止改变文本内容相关推荐

微信小程序解析并展示富文本编辑器保存后的内容
最近有个产品需求:在PC端里用富文本编辑器里编写自定义内容,然后保存后需要在小程序端展示,了解过的朋友就知道了,富文本编辑器输出的内容都是基于HTML标签的,比如:div.p.br这些常用的,而小程序 ...
获取富文本编辑器的纯文本内容
发布新闻等信息时,必然会用到富文本编辑器.然而我们在前端页面展示的时候,可能需要把内容文字提取出来,作为简介使用:又或者把图片提取一张作为封面图片使用. 解决方案: 1 提取文本或者封面图片存入数据库 ...
ue html编辑器获取纯文本,百度文本编辑器(Ueditor)怎么获取内容？
百度文本编辑器(Ueditor)是由百度开发的所见即所得文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和使用代码.那么,Ueditor怎么获取内容呢?不少刚接 ...
Linux常用文本编辑器，及文本查看摘选的常用命令
Linux常用文本编辑器: Emacs:功能强大,门槛高,对新手不友好. nano :优点是操作简单,缺点是无强大的命令支持复杂操作. gedit :只能在有gnome的换图形化界面中使用 kedit ...
python实现文本编辑器_Python实现文本编辑器功能实例详解
这篇文章主要介绍了Python实现的文本编辑器功能,结合实例形式详细分析了基于wxpython实现文本编辑器所需的功能及相关实现技巧,需要的朋友可以参考下本文实例讲述了Python实现的文本编辑器功 ...
python多功能文本编辑器_Python GUI文本编辑器
使用Python编写一个简单的文本编辑器,需要展示一个用户界面,功能包括打开.保存文本文件. 使用tkinter库来编写GUI. #简单GUI文本编辑器 from tkinter import * f ...
java pdf 富文本_富文本编辑器保存的html内容使用itextpdf转PDF文件（css提取，内容重叠）问题解决...
html格式处理使用itextpdf的XMLWorkerHelper组件转换过程当中,html格式要求比较多,下面作下格式的简单处理以保证转换成功.css //div格式转换过程当中,有概率会使内容 ...
将百度富文本编辑器(ueditor)中的内容转化为word文档格式
业务场景需求:根据富文本中的内容生成对应的word文档进行预览和下载功能. 实现: 采用 POIFSFileSystem 类相关实现,能够准确的将文字.格式相关内容转换成功,但是对于在线的网络图片, ...
富文本编辑器tinymce获取文本内容和设置文本内容
1.如果当前页面只有一个编辑器: 获取内容:tinyMCE.activeEditor.getContent() 设置内容:tinyMCE.activeEditor.setContent("需 ...

富文本编辑器禁止改变文本内容

富文本编辑器禁止改变文本内容相关推荐

最新文章

热门文章

富文本编辑器 禁止改变文本内容

富文本编辑器 禁止改变文本内容相关推荐

最新文章

热门文章

富文本编辑器禁止改变文本内容

富文本编辑器禁止改变文本内容相关推荐