搜索

当前位置:首页 > 全栈分享 > phpcms > 正文

phpcms代码高亮显示最新解决方案

发布时间:2018-09-20 01:53:43作者:魏义齐阅读:()

本文为博主原创文章,未经博主允许不得转载。

之所以称为最新解决方案,是因为本文综合了官方论坛和网上的教程,查漏补缺,经过我的测试完全可以实现代码高亮显示效果。

以下是实现代码高亮显示的详细步骤:

第一步:下载代码高亮插件。

链接:https://pan.baidu.com/s/1NgsB0fI8fRCLXFUfCwTaPA 密码:qgh2。里面的contents.css我已经修改完善,增加了右、下边框,自带上下间距15px,修复了320px设备代码重行的问题。

第二步:将codeblock文件夹复制到/statics/js/ckeditor/plugins/下。

第三步:将contents.css复制到/statics/js/ckeditor/下,覆盖原有的。

第四步:打开/statics/js/ckeditor/ckeditor.js,找到tabletools,templates,toolbar,undo,wsc,wysiwygarea添加codeblok,即:tabletools,templates,toolbar,undo,wsc,wysiwygarea,codeblock

第五步:打开/phpcms/libs/classes/form.class.php,找到['Table','HorizontalRule','Smiley','SpecialChar','PageBreak']添加CodeBlock,即:['Table','HorizontalRule','Smiley','SpecialChar','PageBreak','CodeBlock']

第六步:在你的文章页头部引入contents.css
  1. <link href="{JS_PATH}ckeditor/contents.css" rel="stylesheet" type="text/css" /> 

第七步:如果使用了cdn加速服务,请在cdn服务商处刷新全站缓存。

编辑器效果:

代码高亮显示效果:如上。

本文参考文章如下:

1.官方论坛:http://bbs.phpcms.cn/thread-938207-1-1.html

我严格按照其步骤操作(操作两遍),编辑器是升级了,但是代码高亮图标不显示,也不是评论里说的大小写问题。

2.脚本之家:https://www.jb51.net/cms/118998.html

我严格按照其步骤操作,代码高亮图标显示,在后台编辑代码显示正常,但发布后就变成了普通文字的样式,想过是被过滤了,记得以前为了不让有代码的文章再次编辑时在编辑器里显示错乱我注释了某文件的一行代码,详情戳:phpcms有代码的文章再次编辑时在编辑器中显示错乱如何解决,注释后我发现编辑文章时如果改变文字颜色不生效,应该就是被过滤了,于是,这次我取消了注释。

这已经是第三次尝试解决这个问题了,但这次我突然想到这个教程的最后一步有问题:

它是引入到了默认风格模板的头部,只对使用默认风格模板的站起作用,于是我将该css引入了我文章页的头部,ok,完美解决,那它跟我之前做的过滤有没有关系呢?重新加上注释,没有任何影响,所以,前台文章代码没有高亮格式跟过滤无关,只跟是否引入contents.css有关。

第一次看脚本之家的教程,我是真没想到这点,对于只会复制粘贴的人,脚本之家的这篇教程属实有点坑,最后一步没有说明具体情况,思维呆滞的人第一次很难联想到是哪里的错误。

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:phpcms网站后期添加二级栏目后如何将消失的一级栏目内容移动到二级栏目下一篇:phpcms全站最新文章调用方法

赞助本站

原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包