首页 > 建站教程 > CMS教程 > phpcms >  为phpcms的kindeditor添加运行代码插件正文

为phpcms的kindeditor添加运行代码插件

phpcms的kindeditor编辑器的运行代码效果
插入运行代码效果


第一步:在 /statics/js/kindeditor/lang/ 里面找到 zh_CN.js 文件,在
filemanager : '文件空间',
后面加入
runCode : '代码运行',
这是定义按钮的中文名字。

第二步:在 /statics/js/kindeditor/plugins/ 目录上传 runcode 插件,点击 runCode 下载本插件。

第三步:在 /statics/js/kindeditor/themes/ 目录上传皮肤,点击下载 runCode皮肤。直接覆盖,请备份下再覆盖,里面包含代码高亮的皮肤。

第四步:在 /statics/js/kindeditor/ 目录,找到 kindeditor.js 文件,打开,找到下面的代码:
items : [
		'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
添加下面的代码:
 'runCode',
这是为了在编辑器上调用 运行代码 的按钮。

注:这一步不一定是 kindeditor.js 文件,也可能是 kindeditor-min.js,你可以在/phpcms/libs/classes/ 找到 form.class.php 文件,打开,找到调用kindeditor编辑器的代码,看看调用的是哪个js,如下:
$str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/kindeditor.js"></script>';
完成上面的四部,已经可以在后台添加文章时插入 运行代码 了,但是,文章页还需要引入下面的代码,才能够在预览时,使用此功能:
<link href="{JS_PATH}kindeditor/plugins/runCode/runCode.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="{JS_PATH}kindeditor/plugins/runCode/zztuku_runCode.js"></script>
更多:
更改kindeditor自带代码高亮插件为ueditor的代码高亮插件
将phpcms默认ckeditor编辑器换成KindEditor

本文来自 合肥多元速网页设计培训