PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > CMS教程 > phpcms教程 > 正文

    PHPCMS V9 ckeditor编辑器代码高亮显示(附插件)

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:笔者在做B5教程网的时候,想在ckeditor编辑器上添加代码高亮功能,今天分享一个简单的方法,希望对大家有用。最新PHPCMS V9文章中实现代码...
    笔者在做B5教程网的时候,想在ckeditor编辑器上添加代码高亮功能,今天分享一个简单的方法,希望对大家有用。

    最新PHPCMS V9文章中实现代码高亮显示的功能,以下是教程及相关代码:

    【第一步】 下载phpcms v9代码高亮(gbk版)压缩包,里面有所需要的文件

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

    【第三步】 将content.css复制到 /statics/js/ckeditor 文件夹下(如果有,请覆盖)

    【第四步】 打开 /statics/js/ckeditor/ckeditor.js 文件,找到以下代码,进行修改

    tabletools,templates,toolbar,undo,wsc,wysiwygarea//
    添加 codeblock
    修改为tabletools,templates,toolbar,undo,wsc,wysiwygarea,codeblock

    【第五步】 打开 /phpcms/libs/classes/form.class.php 文件,查找以下代码(大约22行),进行修改

    ['Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
    //增加 CodeBlock
    修改为['Table','HorizontalRule','Smiley','SpecialChar','PageBreak','CodeBlock'],

    【第六步】 打开 /phpcms/templates/default/content/header.html模板文件,在head部分引用CSS文件

    <link href="{JS_PATH}ckeditor/contents.css" rel="stylesheet" type="text/css" />

    以上代码,经测试完全可以使用。。

    下载:phpcms v9代码高亮插件
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-101-1471-1.html
    相关热词搜索: ckeditor代码高亮