DEDECMS添加运行代码功能的FCKeditor编辑器修改方法
2011-03-30 22:54
696 查看
可能难在如何加到FCKeditor中,于是决定给新老站长做点贡献,现在工作时间不是太忙,但苦于网站处于“骑虎”状态,还不如给大家做点好事,还可以赚点流量。花了半小时的时间把这个功能做出来了。
说一下方法:
先找到DEDE的include目录下的FCKeditor这个目录,咱们大家经常发文章用的编辑器90%以上都是用的FCK,找到fckconfig.js打开,先来一段声明(版权时代,非常重要的):
FCKeditor版权所有。。。本功能旨在增强作用。。。绝无侵权之类。
先找到
说明FCKeditor的按钮目录是在 xxx\include\fckeditor\skins\default 先把想加的图像图村放到这里面。一般图标的名称和fckconfig.js按钮的名称是一样的。
再找到
说明语言是简体中文,那么找到语言目录:lang 打开zh-cn.js
加入想要的按钮变量及名称,如:
我起的名字叫:mazi 呵呵,并不是马子啊,不要想歪了。
回到fckconfig.js,在 :
的以下合适位置,加入你的变量名称,我的是“Mazi”。
再找到editor\js\下的fckeditorcode_ie_2.js 在合适的位置添加:
case 'Mazi':B=new FCKToolbarButton('Mazi',FCKLang.InsertMaziLb1,FCKLang.InsertMazi);break;
case 'Mazi':B=new FCKDialogCommand('Mazi',FCKLang.DlgMaziTitle,'dialog/mazi.php',520,200);break;
上面的dialog/mazi.php表示调用的文件,名称我也起名叫:mazi,扩展名为PHP,其内容为:
以下为引用的内容:
到此就全部结束了,把修改的文件上传到你的WEB目录,登录到网站后台,添加文章看看吧。
说一下方法:
先找到DEDE的include目录下的FCKeditor这个目录,咱们大家经常发文章用的编辑器90%以上都是用的FCK,找到fckconfig.js打开,先来一段声明(版权时代,非常重要的):
FCKeditor版权所有。。。本功能旨在增强作用。。。绝无侵权之类。
先找到
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
说明FCKeditor的按钮目录是在 xxx\include\fckeditor\skins\default 先把想加的图像图村放到这里面。一般图标的名称和fckconfig.js按钮的名称是一样的。
再找到
FCKConfig.DefaultLanguage = 'zh-cn' ;
说明语言是简体中文,那么找到语言目录:lang 打开zh-cn.js
加入想要的按钮变量及名称,如:
InsertMazi : "插入可运行代码", InsertMaziLb1 : "可运行代码", MaziProperties : "可运行代码",
我起的名字叫:mazi 呵呵,并不是马子啊,不要想歪了。
回到fckconfig.js,在 :
FCKConfig.ToolbarSets["Default"]
的以下合适位置,加入你的变量名称,我的是“Mazi”。
再找到editor\js\下的fckeditorcode_ie_2.js 在合适的位置添加:
case 'Mazi':B=new FCKToolbarButton('Mazi',FCKLang.InsertMaziLb1,FCKLang.InsertMazi);break;
case 'Mazi':B=new FCKDialogCommand('Mazi',FCKLang.DlgMaziTitle,'dialog/mazi.php',520,200);break;
上面的dialog/mazi.php表示调用的文件,名称我也起名叫:mazi,扩展名为PHP,其内容为:
以下为引用的内容:
<?php require_once(dirname(__FILE__)."/../../../config_base.php"); ?> <HTML> <HEAD> <title>插入可运行的代码</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> .td{font-size:10pt;} </style> <script language=javascript> var oEditor = window.parent.InnerDialogLoaded() ; var FCK = oEditor.FCK; // 用于插入可以运行的代码 // 作者:枯林沐风 QQ:100726308 (长期招友情链接,要求alexa排名50万以内!) // 版权归fckeditor所有,本次修改只是增强功能,没有侵权意图! // 本插件你可以自由修改和转载,请保留本信息(不会影响你的速度) function TableOK(){ var rvalue,rurl,style; rurlname = form1.rurl.value; rvalue = "<TEXTAREA id=liehuonetsuifeng style=WIDTH:600px;HEIGHT:150px;>"+ rurlname +"</TEXTAREA>"; rvalue += " "; rvalue += "<BUTTON onclick=Preview(liehuonetsuifeng)>运行代码</BUTTON>"; rvalue += "<BUTTON onclick=copyCode(liehuonetsuifeng)>复制代码</BUTTON>"; rvalue += "<BUTTON onclick=saveCode(liehuonetsuifeng)>另存代码</BUTTON>"; rvalue += "<BUTTON onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>"; FCK.InsertHtml(rvalue); window.close(); } </script> <link href="base.css" _fcksavedurl=""base.css"" _fcksavedurl=""base.css"" rel="stylesheet" type="text/css"> </HEAD> <body bgcolor="#EBF6CD" topmargin="8"> <form id="form1"> <table border="0" width="98%" align="center"> <tr> <td align="right">代码:</td> <td colspan="3"> <TEXTAREA name=rurl style=WIDTH:400px;HEIGHT:100px;></TEXTAREA> </td> </tr> <tr height="20"> <td colspan="2" align="right" nowrap> <input onclick="TableOK();" type="button" value=" 确定 " class="binput"> </td> </tr> </table> </form> </body> </HTML>
到此就全部结束了,把修改的文件上传到你的WEB目录,登录到网站后台,添加文章看看吧。
相关文章推荐
- FCK编辑器(FCKEditor)添加新按钮和功能的修改方法
- FCKeditor编辑器添加图片上传功能及图片路径问题解决方法
- dedecms ckeditor编辑器添加链接默认新窗口打开的修改方法
- 添加了代码着色和图像上传的FCKeditor在线编辑器.NET版
- 最全Pycharm教程(21)——Pycharm编辑器功能之代码快速修改
- 向fckeditor编辑器插入指定代码的方法
- dedecms自定义表单添加发布时间功能的方法
- 【代码学习】角色添加权限的方法,先删除,再添加。而不是用修改,这样很方便。
- 最全Pycharm教程(21)——Pycharm编辑器功能之代码快速修改
- HOOK大法实现不修改程序代码给程序添加功能
- 为FCKeditor2.6添加行距功能(最新修改)
- PHPCMS v9栏目添加字段及描述编辑器修改方法
- 为zblog FCKeditor编辑器添加设置字体格式h1 h2功能
- PHPCMS v9栏目添加字段及描述编辑器修改方法
- DEDECMS从5.1升级到5.3后添加文章修改文章无法生成首页的解决方法
- 利用nginx向现有网站添加登录验证功能(不添加修改现有网站代码)
- python运行时修改代码的方法——monkey patch
- web测试(输入框、添加和修改、删除功能)方法总结
- dedecms防止FCK乱格式化你的代码的修改方法
- 这是一个关于XML文档的操作管理器XMLHelper类,类中包括XML文档的创建,文档节点和属性的读取,添加,修改,删除的方法功能的实现