时间:2018-12-01 11:12:12 编辑:echeverra
使用ueditor富文本编辑器时,如果需要插入代码,可以选择菜单项中的代码语言,选择类型。
如果是插入js语言,千万不要写(我是图)标签,否则再次编辑时,之前写的代码段内容将无法显示。
(测试即使不选择代码语言,正常写标签也会出现此类问题)
案例:
后台编辑UEditor,插入一段代码。
保存后前端可正常显示
后台选择再次编辑时,代码段消失
查看数据库存入字段(格式化后)
压根没有代码段...
分析:
因为标签比较特殊,前端的同学都应该知道,这是js的代码开始的标识,UEditor应该是当成标签进行了解析,而不是一段文本,就像各种代码语言中的保留关键字一样,不能使用,可以理解为就是UEditor的一个关键字。所以出现了上述的错误。
经过其他测试发现,普通的input表单填写同样会发生异常。
结论:
不要在UEditor富文本编辑器或者表单中写,直接书写内容代码就好。
UEditor标签坑
时间:2018-12-01 11:12:12 编辑:echeverra
使用ueditor富文本编辑器时,如果需要插入代码,可以选择菜单项中的代码语言,选择类型。
如果是插入js语言,千万不要写(我是图)标签,否则再次编辑时,之前写的代码段内容将无法显示。
(测试即使不选择代码语言,正常写标签也会出现此类问题)
案例:
后台编辑UEditor,插入一段代码。
保存后前端可正常显示
后台选择再次编辑时,代码段消失
查看数据库存入字段(格式化后)
压根没有代码段...
分析:
因为标签比较特殊,前端的同学都应该知道,这是js的代码开始的标识,UEditor应该是当成标签进行了解析,而不是一段文本,就像各种代码语言中的保留关键字一样,不能使用,可以理解为就是UEditor的一个关键字。所以出现了上述的错误。
经过其他测试发现,普通的input表单填写同样会发生异常。
结论:
不要在UEditor富文本编辑器或者表单中写,直接书写内容代码就好。