一、下载插件包
1. for fck:FCKEditor-syntaxhighlight_2.1.0.zip
2. html渲染:syntaxhighlighter_2.1.364.zip
二、FCKEditor-syntaxhighlight配置
1.FCKEditor-syntaxhighlight_2.1.0.zip解压,放置位置如下图,fckeditor\editor\plugins\syntaxhighlight2
“syntaxhighlight2”名称不要改动
2.在配置文件“fckconfig.js” 或者 “自定义的.js”加入
注册插件
FCKConfig.Plugins.Add( 'syntaxhighlight2', 'en');
配置工具栏(在合适的位置加入SyntaxHighLight2)
FCKConfig.ToolbarSets["Basic"] = [ ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink', '-','SyntaxHighLight2','-','About'] ] ;
打开插件时,默认语法
FCKConfig.SyntaxHighlight2LangDefault = 'java' ;
编程语言对应的语法参数:
c++ - C++ csharp - C# css - CSS delphi - Delphi java - Java jscript - Java Script php - PHP python - Python ruby - Ruby sql - SQL vb - VB.NET xhtml - XML/HTML
在fck_editorarea.css中加入:
pre { background-color: #fff; font-family: "Consolas" , "Courier New" ,Courier,mono,serif; font-size: 12px; color: blue; padding: 5px; border: 1px dashed blue; }
调用:
在工具栏上点
三、前台展示html时的渲染配置
1.引入必须要的文件
<link rel="stylesheet" href="../../plugins/syntaxhighlighter2/styles/shCore.css" /> <script src="../../plugins/syntaxhighlighter2/scripts/shCore.js"></script> <!-- 默认的高亮主题 --> <link rel="stylesheet" href="../../plugins/syntaxhighlighter2/styles/shThemeDefault.css" /> <!-- 需要高亮显示的语言对应的js --> <script src="../../plugins/syntaxhighlighter2/scripts/shBrushJava.js"></script>
2.调用
<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = '../../plugins/syntaxhighlighter2/scripts/clipboard.swf'; SyntaxHighlighter.config.strings = { expandSource : '展开代码', viewSource : '查看代码', copyToClipboard : '复制代码', copyToClipboardConfirmation : '复制成功', print : '打印', alert: '' }; SyntaxHighlighter.all() </script>
参考:
http://psykoptic.com/blog/post/2008/12/01/Code-Syntax-Highlight-Plugin-for-FCKeditor.aspx
http://www.cnblogs.com/meiqunfeng/archive/2009/11/24/1609238.html
相关推荐
最新的FCK 2.6
FCK2.6 (内附所有所需内容 包括代码) 里面的我都已经配置好了(是按照ASP.NET配置的)! 希望可以给你们带来帮助
最新版的fck Java版本,
这是一个PHP配置好的FCK的例子,可以读出FCK,提交后显示值的一个简单的例子,一看就会用了.
FCK添加上传视频,想添加图片一样,便捷方便。
FCK flv 播放器插件,添加插件过后可以播放flv格式视频。
FCK2.6(.net版) vs2005 .net2.0下做的, 已经作了详细的配置,可以上传图片, flash等文件.
NULL 博文链接:https://peacherdiy.iteye.com/blog/1615692
要在中实现代码高亮显示功能,有两个关键步骤: 一是在要显示代码的网页中加入样式文件:FCKeditor/css/SyntaxHighlighter.css 二是下载集合了SyntaxHighlighter 插件的FCKeditor软件包
fckeditor-java-2.6 源代码 FCK fckeditor-java-2.6 源代码 FCK fckeditor-java-2.6 源代码 FCK fckeditor-java-2.6 源代码 FCK
FCK编辑器谷歌地图插件 首先请下载谷歌地图插件文件包,解压后整个目录上传到FCK编辑器目录下的editor\plugins目录下 然后,打开FCK编辑器目录下的fckconfig.js文件,找到如下一句代码 FCKConfig....
jsp 程序调用fckeditor2.6 版本的 小例子 本人发现fckeditor2.6加 fckeditor for 2.3 的时候在上传中文文件的时候会出现乱码 所以本人...哈哈 lib 下的 FCK2.6.JAR 是我重新打的包 <br>qq 交流 361619004
fck例子,采用与STRUTS2兼容的FCK插件,良好解决了STRUTS2与FCKEDITOR不兼容的问题。
原fck只允许上传文件名为数字或字母的图片,经稍稍改动后,想在你可以上传任意名称的图片。
在一个项目工程中加入FCK插件,有类子,有插件。
fck 编辑器是最流行的网页编辑器之一,在其中修改了图片的保存路径,添加了表情信息。
使用QQ表情(个人觉得,官方附带的表情,因为尺寸比较大,插入文章中会比较难看,所以不大可能用到...添加了AudioPlay插件 去除了Flash插入,添加了多媒体插入(已经包含了Flash) 保留常用功能,去掉基本不用的功能
精简版的fckeditor,希望对你有所帮助... fck2.6内核 ,fck for java 2.4 直接在MyEclipse环境解压下可用
fckeditor编辑器自定义按钮,弹出页面,返回数据添加到fck编辑器
fck控件fck控件fck控fck控件fck控件fck控件fck控件fck控件fck控件fck控件件fck控件fck控件fck控件