用户注册

手机号码

姓名

密码

确认密码

邮箱

您的身份

用户登录

手机号码

密码

解决百度编辑器UEditor保持前台与后台代码高亮显示一致的样式及换行的问题

发表于:2020-07-08 11:03:30   共浏览355次

面对程序员,难免会写一些技术文章,其中就会用到在百度编辑器ueditor中插入代码的功能。但是我们会发现,明明我们在后台编辑好的代码,在后台预览也没有问题,但是到了前台显示的时候发现代码原有的样式全都没有了。如何解决这个问题呢,看下面的方法。


<!--高亮代码 -->
<link href="/ueditor_baidu/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/ueditor_baidu/third-party/SyntaxHighlighter/shCore.js"></script>
<script type="text/javascript"> 
    SyntaxHighlighter.all();
</script>


百度ueditor前台代码自动换行解决方法

百度编辑器ueditor在文章内部插入代码高亮显示,后台编辑器中可以自动换行,但发表后前台显示无法自动换行,可以通过修改/shCoreDefault.css代码实现换行(不过好像最新版本的编辑器已经修复了这个问题),如果不行也可以在外面设置一个DIV并用CSS进行限制。

white-space:pre-wrap;word-wrap:break-all;