UEditor标签坑

时间:2018-12-01 11:12:12       编辑:echeverra


使用ueditor富文本编辑器时,如果需要插入代码,可以选择菜单项中的代码语言,选择类型。

如果是插入js语言,千万不要写sript.png(我是图)标签,否则再次编辑时,之前写的代码段内容将无法显示。

(测试即使不选择代码语言,正常写sript.png标签也会出现此类问题)


案例:

后台编辑UEditor,插入一段代码。

1.png


保存后前端可正常显示

2.png


后台选择再次编辑时,代码段消失

3.png


查看数据库存入字段(格式化后)

4.png

压根没有代码段...



分析:

因为标签sript.png比较特殊,前端的同学都应该知道,这是js的代码开始的标识,UEditor应该是当成标签进行了解析,而不是一段文本,就像各种代码语言中的保留关键字一样,不能使用,可以理解为sript.png就是UEditor的一个关键字。所以出现了上述的错误。

经过其他测试发现,普通的input表单填写sript.pngphp.png同样会发生异常。


结论:

不要在UEditor富文本编辑器或者表单中写sript.png,直接书写内容代码就好。