修改Ueditor编辑器代码块风格

帆 2024-04-28 0 阅读 0 评论

  

  先看看我现在代码块在前端显示是这样的:

  

修改Ueditor编辑器代码块风格

  这样看着不好看,不美观,今天就抽空把它修改成代码一样的样式

  一、在内容页面模板引用两个文件

  <link rel="stylesheet" type="text/css" href="{pboot:sitedomain}/core/extend/Ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
  <script type='text/javascript' src='{pboot:sitedomain}/core/extend/ueditor/third-party/SyntaxHighlighter/shCore.js'></script>

  二、在内页页面调用初始化方法

  <script type="text/javascript">
  $(document).ready(function () {
  SyntaxHighlighter.all();
  });</script>

  这样就可以了,看效果:

  

修改Ueditor编辑器代码块风格


本文来源:重庆seo博客

本文地址:https://www.focusonseo.cn/pbootcms/25.html

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为重庆seo博客原创文章,转载或复制请以超链接形式并注明出处。