js获取由富文本编辑器传入数据库数据的问题

时间:2024-03-16 22:01:47

``最近再写项目的时候需要用到富文本编辑器,从前端获取富文本编辑器的内容是没问题的,
可是从数据库向前端传数据就有问题了,数据库中的数据如图:js获取由富文本编辑器传入数据库数据的问题

如图所示,数据是带有html标签的文本,因为项目需要将客户写好的带有格式的文本再原封不动的显示到界面上。
在这里使用的是el表达式来获取后端传来的数据,本以为这是很简单的传值过程,结果js竟然报错!!

js获取由富文本编辑器传入数据库数据的问题
报错的地方本是使用el表达式取值,然后赋值给富文本编辑器的 editor.html(’${Anjian.content}’);
但是由于数据中包含了很多换行,导致js不认为这是个字符串,然后就。。。。。。。

这个问题困扰了我很久,因为之前没学过js,所以也不知道该从哪里入手。
后来发现虽然js不认识数据,但是浏览器是可以直接解析数据的,所以就把el表达式写在
一个html组件上,在这里由于业务需求,所以把这个控件设置为hidden了。

<textarea id="tempText" style="visibility:hidden">${Anjian.content}</textarea>

这样,现在后台的数据就到了控件中,然后我们就可以使用js查找这个元素并获取它的值了。
完成后的展示样子如下图:
js获取由富文本编辑器传入数据库数据的问题

最后,刚开始遇到这个问题的时候是一头雾水,不知道到底是哪出了问题,网上找了好久也没有解决的办法,希望这个能帮助到同样遇到这个问题的各位,如果写前端的大神有更好的方法,还望不吝赐教,感谢!