许多做编程站和网页设计站的朋友，可能都会遇到这样的问题，想在页面中插入一个运行代码的功能，但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编辑器 网页文本编辑器 插入代码 运行代码编辑器