插入运行代码效果


第一步：在 /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

本文来自 合肥多元速网页设计培训 (责任编辑：网页模板)