文章内容

百度编辑器代码样式无法显示

  • 2018-06-24 15:01:40
  • 100
  • 0
  • 0
  1. 引用样式,JS文件

    <script src="~/Public/Plug-in/ueditor/utf8-net/third-party/SyntaxHighlighter/shCore.js"></script>

    <link href="~/Public/Plug-in/ueditor/utf8-net/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" />

  2. 初始化样式

    <script type="text/javascript"> SyntaxHighlighter.all(); </script>

  3. 初始化后,发现左侧序号和代码没有正确对应位置,如下

    image.png

     解决方法:在shCoreDefault.css中加入样式: .syntaxhighlighter .code {padding-top: 9px !important; }

  4. 成功解决问题!

      image.png