Ueditor文本回显问题

最近接刚接触Ueditor，本来想用它来实现带格式的文本内容的编辑和传值。但是刚用就碰到问题了。
先了解以下它的几个获取内容的方法吧：

<script type="text/javascript">function saveNotice(url){//获取带格式纯文本内容UE.getEditor('editorInfo').getPlainContent();//获取不带格式的纯文本内容UE.getEditor('editorInfo').getContentTxt();//获取html格式的内容var content = UE.getEditor('editorInfo').getContent();};
</script>

然后是容器初始化的代码：

<script type="text/javascript">//获取编辑器对象var ue = UE.getEditor('editorInfo');//容器初始化ue.ready(function(){//设置高度ue.setHeight(400);//给容器设置内容ue.setContent($("#content").val());});
</script>

然后是jsp代码

<input type="hidden" id="content" name="content" value='${notice.content}' ><%-- 这是ueditor的容器 --%>
<script type="text/javascript" id="editorInfo" style="width: 90%;"></script>

起初，我是想通过获取获取获取容器中的带格式的纯文本内容，然后存入数据库，再把纯文本内容设置给Ueditor容器，达到回显的效果。谁知道并没成功，因为带格式的纯文本内容设置回给Ueditor容器后，竟然并没有带格式，而且存放在数据库中的文本内容，也没有了格式，所以取出来无法原样显示。

然后经过一番搜索，发现要保持文本的格式，应该获取html格式的内容：

var content = UE.getEditor('editorInfo').getContent();

然后取到值直接设置给Ueditor容器。存在数据库的数据也应该是Html格式内容，这样取出来后就可以直接放在页面中显示了。
TIP: 我在页面中是用一个input来作为文本内容的中转站的，也就是回显时先在把值放到input中，然后再从input中取值（从上面的代码就可以看出）。要注意的是input中 value=’${notice.content}’ 要用单引号，否则双引号会和html内容中的造成混乱。

Ueditor文本回显问题相关推荐

vue-quill-editor富文本回显数据样式失效
1.首先排查的css文件是否引入,在min.js中查看 import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.c ...
wangEditor 上传本地视频和图片到oss服务器并在富文本回显。
不多说直接上代码,无效你顺着网线来打我: 先看一下改后的效果图第一步:找到wangEditor.js文件,一下代码直接全选复制,到wangEditor.js文件里面Ctrl+A 在Ctrl+V全部替 ...
百度Ueditor富文本编辑器修改上传图片的默认路径绝对能用，并且回显，并且超级简单，超级详情,有用点赞好评！
最近做一个项目,项目做完了,再部署的时候,人家要求webapps不能存放图片什么的,因为如果变更,就图片什么就没了,好了现在开始修改. 当初做这个功能的时候,查了很多,感觉都是神仙,代码各种不全,完成 ...
QML工作笔记-文本输入设置长度以及回显方式（TextInput与TextField通用）
目录基本概念代码及演示基本概念这是一个很常用到的功能,特意记录下: 一般输入框会用到2个,一个是TextInput一个是TextField. 因为TextInput加Rectangle如果太长 ...
富文本数据存储及回显
开发者应该都使用过富文本编辑器插件吧,对于富文本插件编辑的内容我们需要怎么存储及回显呢,我来简单介绍下. 存储:1.文件存储,将富文本数据保存成html文件,然后将文件上传到文件服务器:2.直接将ht ...
富文本编辑器mavon-editor文章回显
继上篇安装使用mavon-editor,本篇讲述文章回显问题使用富文本编辑器就是为了实现发布帮助文档和公告新闻类的编辑功能,文章编辑完毕自然要在页面中展示出来.文章的排版和样式自然要同在编辑器中的一 ...
富文本插件和回显 vue-quill-editor
在开发过程中,input的限制会越来越明显.这时富文本输入框就派上用场了. 推荐使用这个插件 vue-quill-editor 插件的使用方法和自定义组件的使用方法一样第一步: 安装插件 npm i ...
富文本编辑器wangEditor回显问题
回显时渲染dom报错问题: 富文本编辑器在回显html时偶尔会报以下错误: Error in v-on handler: "Error: Cannot find a descendant a ...
微信小程序开发——实现修改文章富文本（hf_editor）输入框回显文章功能
文章发布界面就是一个类型选择.标题输入(input).内容输入(hf_editor) 代码就不详细说明了当我们需要修改博客的时候一般的界面显示就是显示一个和发布类似的输入框,只是里面存有之前填写的 ...

Ueditor文本回显问题

Ueditor文本回显问题相关推荐

最新文章

热门文章