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内容中的造成混乱。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值