找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1031|回复: 0

[分享] DEDECMS添加运行代码功能的FCKeditor编辑器修改方法

[复制链接]
发表于 2018-3-12 14:28:04 | 显示全部楼层 |阅读模式 来自 河南省南阳市
织梦模板网点评:前些日子发现有许多朋友在找可以FCKeditor中的运行代码效果,可见网上没有类似的东东可以下载,其实这就是一个一个文本区+一个JS脚本的问题,没什么难的
   可能难在如何加到FCKeditor中,于是决定给新老站长做点贡献,现在工作时间不是太忙,但苦于网站处于“骑虎”状态,还不如给大家做点好事,还可以赚点流量。花了半小时的时间把这个功能做出来了。
说一下方法:
先找到DEDE的include目录下的FCKeditor这个目录,咱们大家经常发文章用的编辑器90%以上都是用的FCK,找到fckconfig.js打开,先来一段声明(版权时代,非常重要的):
FCKeditor版权所有。。。本功能旨在增强作用。。。绝无侵权之类。
先找到

代码如下:

  1. FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
复制代码



说明FCKeditor的按钮目录是在 xxx\include\fckeditor\skins\default 先把想加的图像图村放到这里面。一般图标的名称和fckconfig.js按钮的名称是一样的。
再找到

代码如下:

  1. FCKConfig.DefaultLanguage = 'zh-cn' ;
复制代码



说明语言是简体中文,那么找到语言目录:lang 打开zh-cn.js
加入想要的按钮变量及名称,如:

代码如下:

  1. InsertMazi : "插入可运行代码",
  2. InsertMaziLb1 : "可运行代码",
  3. MaziProperties : "可运行代码",
复制代码


我起的名字叫:mazi 呵呵,并不是马子啊,不要想歪了。
回到fckconfig.js,在 :

代码如下:

  1. FCKConfig.ToolbarSets["Default"]
复制代码


的以下合适位置,加入你的变量名称,我的是“Mazi”。
再找到editor\js\下的fckeditorcode_ie_2.js 在合适的位置添加:
  1. case 'Mazi':B=new FCKToolbarButton('Mazi',FCKLang.InsertMaziLb1,FCKLang.InsertMazi);break;
  2. case 'Mazi':B=new FCKDialogCommand('Mazi',FCKLang.DlgMaziTitle,'dialog/mazi.php',520,200);break;
复制代码


上面的dialog/mazi.php表示调用的文件,名称我也起名叫:mazi,扩展名为PHP,其内容为:
以下为引用的内容:

代码如下:

  1. <?php
  2. require_once(dirname(__FILE__)."/../../../config_base.php");
  3. ?>
  4. <HTML>
  5. <HEAD>
  6. <title>插入可运行的代码</title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  8. <style>
  9. .td{font-size:10pt;}
  10. </style>
  11. <script language=javascript>
  12. var oEditor = window.parent.InnerDialogLoaded() ;
  13. var FCK = oEditor.FCK;
  14. // 用于插入可以运行的代码
  15. // 作者:www.dedecode.com
  16. // 版权归fckeditor所有,本次修改只是增强功能,没有侵权意图!
  17. // 本插件你可以自由修改和转载,请保留本信息(不会影响你的速度)
  18. function TableOK(){
  19. var rvalue,rurl,style;
  20. rurlname = form1.rurl.value;
  21. rvalue = "<TEXTAREA id=liehuonetsuifeng style=WIDTH:600px;HEIGHT:150px;>"+ rurlname +"</TEXTAREA>";
  22. rvalue += "
  23. ";
  24. rvalue += "<BUTTON onclick=Preview(liehuonetsuifeng)>运行代码</BUTTON>";
  25. rvalue += "<BUTTON onclick=copyCode(liehuonetsuifeng)></BUTTON>";
  26. rvalue += "<BUTTON onclick=saveCode(liehuonetsuifeng)>另存代码</BUTTON>";
  27. rvalue += "<BUTTON onclick=addBookmark(document.title,location.href)>收藏本页</BUTTON>";
  28. FCK.InsertHtml(rvalue);
  29. window.close();
  30. }
  31. </script>
  32. <link href="base.css" _fcksavedurl=""base.css"" _fcksavedurl=""base.css"" rel="stylesheet" type="text/css">
  33. </HEAD>
  34. <body bgcolor="#EBF6CD" topmargin="8">
  35. <form id="form1">
  36. <table border="0" width="98%" align="center">
  37. <tr>
  38. <td align="right">代码:</td>
  39. <td colspan="3">
  40. <TEXTAREA name=rurl style=WIDTH:400px;HEIGHT:100px;></TEXTAREA>
  41. </td>
  42. </tr>
  43. <tr height="20">
  44. <td colspan="2" align="right" nowrap>
  45. <input onclick="TableOK();" type="button" value=" 确定 " class="binput">
  46. </td>
  47. </tr>
  48. </table>
  49. </form>
  50. </body>
  51. </HTML>
复制代码


到此就全部结束了,把修改的文件上传到你的WEB目录,登录到网站后台,添加文章看看吧。

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-3-28 20:13 , Processed in 0.038899 second(s), 9 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

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