其他网站首页 其他

百度编辑器UEditor写入代码前台没样式的问题

无奈
其他
2018-07-10
1335已阅读
0

UEditor

简介写技术文章的时候，通常需要插入代码，为了美观，百度编辑器给我们提供了一个漂亮的边框。但是有一个问题是就在后台编辑器编辑、预览的时候都能看的到，一发布到前台就没有了。这个问题，官方给出了答案

写技术文章的时候，通常需要插入代码，为了美观，百度编辑器给我们提供了一个漂亮的边框。但是有一个问题是就在后台编辑器编辑、预览的时候都能看的到，一发布到前台就没有了。这个问题，官方给出了答案。

只需要在前台需要显示代码的页面调用如下代码即可：

这样，你就能看到和这个一样的效果了！

下面CSS和JS路径写你UEditor路径

<link href="/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />
 
<script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
 
<script type="text/javascript"> 
    
    SyntaxHighlighter.all(); 
     
</script>