最新PHPCMS V9编辑器代码高亮显示亲测可用(提前格式化)
<p>最近PHPCMS V9更新挺频繁的，是好事，让我们更完美的用它的功能，是坏事，以前的教程都不能用了。譬如这篇在PHPCMS V9文章中实现代码高亮显示的功能，之前的教程已经不能用了，今天站长莪叆啰有空写了个最新版的教程来实现这个功能，亲测可用。</p><p>【第一步】 下载CMS部落文章下方的压缩包，里面有所需要的文件</p>
<p>【第二步】 将codeblock文件夹复制到 /statics/js/ckeditor/plugins 文件夹下</p>
<p>【第三步】 将content.css复制到 /statics/js/ckeditor 文件夹下（如果有，请覆盖）</p>
<p>【第四步】 打开 /statics/js/ckeditor/ckeditor.js 文件，找到以下代码，进行修改</p>
<p></p>
<div class="msgheader">代码如下:</div>
<div class="msgborder" id="phpcode43"><br />tabletools,templates,toolbar,undo,wsc,wysiwygarea//<br />添加 codeblok<br />修改为tabletools,templates,toolbar,undo,wsc,wysiwygarea,codeblock</div>
<p>【第五步】 打开 /phpcms/libs/classes/form.class.php 文件，查找以下代码（大约40行），进行修改</p>
<p></p>
<div class="msgheader">代码如下:</div>
<div class="msgborder" id="phpcode44"><br />['Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],<br />//增加 CodeBlock<br />修改为['Table','HorizontalRule','Smiley','SpecialChar','PageBreak','CodeBlock'],</div>
<p>【第六步】 打开 /phpcms/templates/default/content/header.html模板文件，在head部分引用CSS文件</p>
<p></p>
<div class="msgheader">代码如下:</div>
<div class="msgborder" id="phpcode45"> <div class="dxycode"><pre class="brush:xhtml;"><link href="{JS_PATH}ckeditor/contents.css" rel="stylesheet" type="text/css" /></pre></div>
<p></p></div>
<p>效果展示：</p>
<p>PHPCMS V9编辑器后台</p>
<p><img style="max-width:100%!important;height:auto!important;"alt="" height="435" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-250616115936313.jpg" width="656" /></p>
<p>前台页面的高亮显示</p>
<p><br /><img style="max-width:100%!important;height:auto!important;"alt="" height="418" src="https://zhuji.jb51.net/uploads/allimg/20250616/1-250616115936437.jpg" width="660" /></p>
<p><br />相关文件下载：https://www.jb51.net/codes/118999.html</p>
<div class="clearfix"></div>
頁:
[1]