软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 给DEDECMS的FCKeditor添加运行代码功能

给DEDECMS的FCKeditor添加运行代码功能

  前言(即:废话) 今天工作不是太忙,也来写篇文章,写的不好大家不要骂啊,现在的站长越来越多了,那天在某站看到这样一篇文章<<下载源码+空间+域名=站长>>,说的太对了,现在的站长(只是一部分,并不代表全部)一点网页知识都没有,更别说网页编程了,越来越多的人上网了,学计算机了,玩游戏了,聊QQ了,玩UC了。。。。聊也聊够了,玩也玩够了,一部分人就盯上了网站,都把网站做为网赚的第一步,又不会建站,怎么办呢,好在现在是互联网时代,什么东西都是复制来复制去,什么东东都是开源的,没办法啊,不开源没人用,拿DEDE来说吧,再短短的时间内有了大量的用户群,为什么呢?开源啊,太重要了,满足了很多人的要求。所谓的“站长”们就开始了建站之旅!

 越来越多的站长上来了,并不像打仗一样,一批战士冲上来,倒下去了,再上来一批,站长不是的,老站长们还在辛苦的按传统的方式经营着,一些80后90后站长冲了上来,搞乱了原本不互联的市场,使得一部分老站长的收入一降再降!这还不说,如果你搞出一个东东来,就不能放在网上,如果你放了,就要开源,为什么呢?因为你不开源,他就找你要,你不给,他就开骂,你有论坛他就去你论坛说你小气,什么东西之类。。。 QQ天天被加,不通过说你小气,通过了,先软后硬的索要源码。我终于明白了为什么后来有了源码站,并且越来越火,传统的站长们,你现在明白了吧?

废话了半天,其实也和文章内容无多大关系,本站http://www.ranyatavi.com/ 用的DEDECMS构建,经常去DEDE论坛转转,偶尔会碰到好东西,但难免有不足之处,就修改之给大家发上去,前些日子发现有许多朋友在找可以FCKeditor中的运行代码效果,可见网上没有类似的东东可以下载,其实这就是一个一个文本区+一个JS脚本的问题,没什么难的,可能难在如何加到FCKeditor中,于是决定给新老站长做点贡献,现在工作时间不是太忙,但苦于网站处于“骑虎”状态,还不如给大家做点好事,还可以赚点流量。花了半小时的时间把这个功能做出来了。

说一下方法:

先找到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;
//  用于插入可以运行的代码
//  烈火建站资源网 http://www.ranyatavi.com/ 增加“可运行代码功能”
//  版权归fckeditor所有,本次修改只是增强功能,没有侵权意图!
//  本插件你可以自由修改和转载,请保留本信息(不会影响你的速度)
function TableOK(){
    var rvalue,rurl,style;
    rurlname = form1.rurl.value;
    rvalue = "<TEXTAREA id=liehuonetsuifeng style=WIDTH:600px;HEIGHT:150px;>"+ rurlname +"</TEXTAREA>";
    rvalue += "<BR>";
    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" target="_blank" title="veryhuo.com" target="_blank" title="veryhuo.com" target="_blank" title="veryhuo.com" _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目录,登录到网站后台,添加文章看看吧。

对了,还给懒人站长提供了下载:http://bbs.liehuo.net/thread-996-1-1.html

结束语:希望新站长中那些比较懒的,努力一些,好好学习,多学知识,不要想着总是让别人帮助,哪怕碰到不会的问题去百度一下,GG一下,起码你是努力的,那样很多人都会帮你的。

    相关阅读
    栏目导航
    推荐软件