FCKeditor 编辑器插入代码功能实现步骤_网页编辑器

功能强大得不得了,可以插入的语言包括:C/C++,XML/HTML,JavaScript,CSS,C#,Java,PHP,Python,Ruby,SQL,ASP/Visual Basic,可选择在前台显示语言名称、显示行号、是否允许折叠等功能,而且还有语法着色功能,比你想像的还要完美。而且可分为以文本域显示代码和有运行按钮的可执行方式显示。特向大家分享!
安装方法如下:

1.下载压缩包后,将文件夹insertcode拷贝到fckeditor\editor\plugins\目录下,然后修改fckeditor/fckconfig.js此文件,在此文件中FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;下面加入以下代码:
FCKConfig.Plugins.Add('insertcode');

2.打开fckeditor\editor\lang文件夹里的zh-cn.js,在DlgDivInlineStyle : "CSS 样式",(注意这句后面一定要加一个逗号“,”)下面加入以下代码
//Plugins
InsertCodeBtn : "插入代码"

3.为了可以使用插入代码功能,需要在相应的页面加入CSS代码(insertcode.css),和下面的Js代码。
========================================================
比如在文章模板页链接Css文件:
<link rel="stylesheet" type="text/css" href="/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>

4.修改fckeditor/fckconfig.js文件,在编辑器控制面板中加入按钮,在调用工具栏参数的Media后面加入insertcode(注意正确加上标点符号,否则会报错)。如下所示:
FCKConfig.ToolbarSets[ "standard"] = [
['Source','Paste','PasteText','PasteWord','-','Undo','Redo','-','Bold','Italic','Underline','StrikeThrough','TextColor','Table','-','JustifyLeft','JustifyCenter','JustifyRight','OrderedList','UnorderedList','-','Image','Attach','Flash','Media','InsertCode'],完成以上操作后,此时启动fckeditor编辑器应该在编辑器的**上多了一个图标,点击此图标即可添加你的代码了。如果报错,提示找不到工具项,那是FCKEDITOR的缓存没清除,退出后台或更新缓存,刷新一下,重新进入就可以看到代码插入图标了。

不知道怎么上传附件到这里 - -#,我发个下载地址吧 :-) ,注册个号,顶2贴就行!

文件打包下载

时间: 2024-10-26 17:34:38

FCKeditor 编辑器插入代码功能实现步骤_网页编辑器的相关文章

FCKeditor + SyntaxHighlighter 让代码高亮着色插件_网页编辑器

FCKeditor是现在最为流行的开源编辑器,SyntaxHighlighter是一个用JS实现的代码高亮显示插件,可以最小化修改您的程序实现效果,最终效果截图: 演示网页: 下载FCKeditor + SyntaxHighlighter插件包:fck_SyntaxHighlighter打包版 下面分步介绍如何在FCKeditor环境中使用SyntaxHighlighter. 后台FCKeditor编辑器的修改 1.将包解压后,把 insertcode 文件夹上传到 FCKeditor编辑器的e

修改fckeditor的文件上传功能步骤_网页编辑器

1.要点击链接,然后点击里面的上传tab,不熟悉的人可能找不到这个上传功能 2.插入的就是1个链接,我希望插入链接的同时插入1个图片代表文件类型 效果图: 修改fckconfig.js 1. 在FCKConfig.ToolbarSets["Default"] = 中加入'FuJian',位置自己选 2. 最后加上2句 // 附件上传地址 FCKConfig.FuJianUrl = "/FckEdit/upload.jsp"; // 上传的文件类型 FCKConfig

FckEditor 配置手册中文教程详细说明_网页编辑器

比如CUTEEDITOR,虽 然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以 说,FCKEDITOR是一个别具匠心的在线编辑器,它里面融入了作者高深的面向对象的JAVASCRIPT功力,集易用性与强大的功能与一体. .与编辑器相关的所有图像,脚本以及调用页 .语言文件 .编辑器的皮肤文件 .工具样的贴图等 这些将导致在服务器和客户端间产生相当的流量.如果有许多文件被调用,那么即便每个文件很小.也会让用户等

网页编辑器FCKeditor 2.6.4精简配置方法_网页编辑器

上传目录请在fckeditoreditorfilemanagerconnectorsaspconfig.asp中设置 Dim ConfigUserFilesPathConfigUserFilesPath = "/userfiles/" 中文配置说明:因为下载下来的压缩包里面有包含很多在我们使用时,用不到的,不删除也行.看个人喜好下面以PHP为例,进行程序瘦身 删除所有"_"开头的文件和文件夹 删除FCKeditor的目录下: fckeditor.afpfckedit

FCKeditor 在chrome中不显示问题_网页编辑器

网上有人说如下修改就可以,不过也要看你用的是什么系统,程序员的水平就决定了兼容性问题,不过可以试试. this.EnableSafari = true ; // This is a temporary property, while Safari support is under development. 把false修改为true之后显示正常 应该是chrome使用的内核WebKit的问题,需要修改safari的支持 建议以后广大程序员开发的时候要注意浏览器的兼容性问题. fckeditor

kindSoft在线网页编辑器简单的配置参数介绍_网页编辑器

对于网页编辑器对做项目的时候是非常的又用的一个编辑器,大大的减轻了开发人员的负担,感觉KindSoft是一个不错的选择,因此也在不断的使用. 下面对一些简单的配置进行归纳一下: 首先是将下载的KindSoft文件导入到项目的目录下: 复制代码 代码如下: <script src="../Content/kindeditor-4.1.4/kindeditor-all.js" type="text/javascript"></script> &l

FCKeditor 插件开发 示例(详细版本)_网页编辑器

(FCKeditor.地址是:http://www.fckeditor.net/.我下载的版本是:2.6.3.)What ?      FCKeditor一直是web上编辑器的比较好的一个选择,他是开源的,而且效果不错.FCKeditor的插件是对FCKeditor的扩展功能.Why?尽管一般条件下FCKeditor能适应使用,但你可能对FCKeditor仅有的功能不满意,好.FCKeditor提供了插件开放功能,只要你能想到,你就做吧.How?        我就一个简单的"Hello&quo

fckeditor asp版本的文件重命名_网页编辑器

定位到:editor\filemanager\connectors\asp\io.asp 主要是修改:SanitizeFileName这个函数,并添加取得扩展名和文件重命名的方法,详细代码如下: 复制代码 代码如下: ' Do a cleanup of the file name to avoid possible problems function SanitizeFileName( sNewFileName ) Dim oRegex Dim oExt Set oRegex = New Reg

页面嵌入Windows Media Player播放器代码需要注意的_网页编辑器

这里是WMP的版本ClassID,从WMP7后ID就成了clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6,之前的6.4为clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95,但是之前的版本还是可以用的,只不过新功能用不了罢了. 下面这个是具体的版本号,你可以对比一下你现在的是什么版本. 版本号              Windows Media Player (WMP) 的版本-------------------------