🔍 登录 注册

Ueditor代码高亮的设置方法

大 大苹果 2017-05-25 后端 👁 1634 ⏱ 2min
Ueditor代码高亮的设置方法

使用uparse的方式

<script type="text/javascript" charset="utf-8" src="/ueditor.parse.min.js"> </script>
uParse(".panel-body.detail", {
	rootPath:'/path',  //第三方高亮插件的位置
	chartContainerHeight:500
});

使用SyntaxHighlighter.highlight();或SyntaxHighlighter.all();

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

代码高亮后设置自动换行

.syntaxhighlighter
{
    width: 100% !important;
    margin: .3em 0 .3em 0 !important;
    position: relative !important;
    overflow: auto !important;
    background-color: #f5f5f5 !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    border-collapse: separate !important;
    word-break:break-all; /* 新增样式 */
}


读完了?给作者一点支持

本文采用 CC BY 4.0 协议转载 · © 大苹果

评论(0)

登录 后参与评论。

  • 还没有评论,来抢沙发。

🔗 相关文章