FCK2.6添加插件SyntaxHighlighter 2

阅读更多

一、下载插件包

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.引入必须要的文件

 

2.调用

 

参考：

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

• FCKEditor-syntaxhighlight_2.1.0.zip (26.7 KB)
• 下载次数: 18

• syntaxhighlighter_2.1.364.zip (88.4 KB)
• 下载次数: 23

• 
• 大小: 75 KB

• 
• 大小: 94 Bytes

• 查看图片附件