当前位置:首页 > 资源下载 > 正文

FCKeditor编辑器插入代码/运行代码的功能插件

作者:不详 来源:5u.hk 【 】 浏览: 添加日期:2008-12-02 我要评论(5)     

许多做编程站和网页设计站的朋友,可能都会遇到这样的问题,想在页面中插入一个运行代码的功能,但fckeditor编辑器又没有这个功能,怎么办?现在有高人制作出了fck编辑器插入/运行代码的功能。可以插入的语言包括:C/C++,XML/HTML,JavaScript,CSS,C#,Java,PHP,Python,Ruby,SQL,ASP/Visual Basic,可选择在前台显示语言名称、显示行号、是否允许折叠等功能,而且还有语法着色功能,比你想像的还要完美。而且可分为以文本域显示代码和有运行按钮的可执行方式显示。

下面是详细的方法:
为了可以使用插入代码功能,需要在相应的页面加入CSS代码(insertcode.css),和下面的Js代码。

========================================================

比如在文章模板页链接Css文件:
<link rel="stylesheet" type="text/css" href="{sys:installdir}inc/editor/fckeditor/insertCode.css">
或者直接把css代码拷贝到模板的css文件中。

并在文章模板页加入以下的js代码。

=========================================================

 

<script>
//以下是实现复制的代码,请自己添加
//javascript
function $(id)
{
 return document.getElementById(id);
}

//复制文本
function copyIdText(id)
{
  copy( $(id).innerText,$(id) );
}
function copyIdHtml(id)
{
  copy( $(id).innerHTML,$(id) );
}

function copy(txt,obj)
{      
   if(window.clipboardData)
   {       
        window.clipboardData.clearData();       
        window.clipboardData.setData("Text", txt);
        alert("复制成功!")
        if(obj.style.display != 'none'){
   var rng = document.body.createTextRange();
   rng.moveToElementText(obj);
   rng.scrollIntoView();
   rng.select();
   rng.collapse(false); 
       }
   }
   else
    alert("请选中文本,使用 Ctrl+C 复制!");
}
</script>

插入代码的按钮在第一行工具栏倒数第7个。

下载带插入代码功能的FCKeditor编辑器

(如果您觉得本站不错,请告诉身边的朋友,或转载到论坛、百度知道、贴吧等,记得带网址哟,不胜感激!)

〖资源下载〗Tags: fck FCKeditor fck编辑器 网页文本编辑器 插入代码 运行代码编辑器

更多评论(5)..会员评论

ycookie(220.170.*.*) 发表于:2010-08-18 20:15:42
有时间教我一下!
ycookie(220.170.*.*) 发表于:2010-08-18 20:10:23
整了好久还没有整出来!
管理员回复:到百度上搜索,有现在的
FCKeditorF(58.17.*.*) 发表于:2009-06-17 03:14:47
这个带有插入代码功能的FCKeditor是哪个版本的?
管理员回复:好像是2.5版本吧
FCKeditorF(58.17.*.*) 发表于:2009-06-17 02:58:46
这个评论的形式好恶心:等待管理员确认!!说2次话就不想再说第三次了..但是还真有必要要说第三次的时候....所以每说一次 恶心一次...改改喂!
管理员回复:因为前段时间有大量垃圾评论灌入,所以改为审核形式。
FCKeditorF(58.17.*.*) 发表于:2009-06-17 02:55:17
请问aa25站上的文章是用FCKeditor编辑的吗?
管理员回复:是的

出差旅游免费预订酒店

【视频教程】新手常见问题