首页
站长论坛BBS
救助
投稿
discuz视频教程
discuz技术支持
版块
登录
快速注册

phpcms v9中kindeditor添加运行代码插件

建站高手 2015-4-17 [建站] 来自PC 复制链接
41725
discuz使用视频教程
31idc

马上注册,一起探讨正确快速的建站方法

您需要 登录 才可以下载或查看,没有帐号?快速注册

x
kindeditor编辑器非常的不错的一款网页编辑器了,国产编辑器就kindeditor与百度编辑器比较好了,因为网站的特性我们需要加一个代码运行框了,下面就来给各位介绍kindeditor添加运行代码插件

1427808598426660.gif

第一步:在 /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 文件,打开,找到下面的代码:

  1. items : [
  2.         'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
复制代码

添加下面的代码:
  1. 'runCode',
复制代码

这是为了在编辑器上调用 运行代码 的按钮。

注:这一步不一定是 kindeditor.js 文件,也可能是 kindeditor-min.js,你可以在/phpcms/libs/classes/ 找到 form.class.php 文件,打开,找到调用kindeditor编辑器的代码,看看调用的是哪个js,如下:
  1. $str .= '<script charset="utf-8" type="text/javascript" src="'.JS_PATH.'kindeditor/kindeditor.js">';
复制代码

完成上面的四部,已经可以在后台添加文章时插入 运行代码 了,但是,文章页还需要引入下面的代码,才能够在预览时,使用此功能。



上一篇:解决KindEditor图片上传路径问题
下一篇:Dedecms搬家图片无法显示与无法上传解决办法
lgkongyaji 发表于 2015-4-18 17:05:09 来自PC
学习了 谢谢分享
b2bw.com.cn:b2b网站大全
洛阳app外包 发表于 2015-4-23 15:55:27 来自PC
支持学习
asdgui 发表于 2015-4-25 11:02:38 来自PC
支持学习
莫祺 发表于 2015-4-27 11:09:42 来自PC
看到这帖子真是高兴!
独家自研高转化产品,寻渠道合作QQ2851538083
您需要登录后才可以回帖 登录 | 快速注册

本版积分规则

快速回复 返回顶部 返回列表