`
heyaron
  • 浏览: 51591 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FCK 插入语法高亮显示 实践版

阅读更多
     因为BBS要用到FCK,而且要插入代码,所以找了个FCK的语法高亮显示插件。网上有例子,但是用的时候还有对我这样的初学者有一定得疑惑,写下了,记一下。
     首先将压缩包中的

Editor\editor\plugins\highlighter

目录下所有文件放入项目中的FCK包中,然后在 fckconfig.js 中的

FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;

下面加入

FCKConfig.Plugins.Add( 'highlighter','zh-cn') ;
FCKConfig.Plugins.Add( 'placeholder') ;

然后还要在工具栏中加入插入代码的图标(第一个就是的)

FCKConfig.ToolbarSets["Default"] = [ 
        ['HighLighter','Smiley','Cut','Copy','Paste'], 
        ['OrderedList','UnorderedList','-','Outdent','Indent'], 
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'], 
        ['Link','Unlink','Anchor','Image','Flash'], 
        ['TextColor','BGColor','Table'], 
        ['Style','FontFormat','FontName','FontSize'] 
   ] ; 

最后为了让代码在页面显示,我们需要加入CSS 中的 SyntaxHighlighter.css 加入到项目中的CSS 目录中。

在显示的页面中

<link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css" />

OK,可以显示!
分享到:
评论

相关推荐

    FCK代码高亮插件

    **FCK代码高亮插件**是一款用于增强文本编辑器功能的工具,它能够帮助用户在编辑代码时实现代码的语法高亮显示,使得代码更易于阅读和理解。这款插件通常集成在富文本编辑器(如FCKeditor)中,提供了一种便捷的方式...

    fckeditor实现语法高亮和保存功能

    在本主题中,我们将探讨如何实现FCKeditor的语法高亮显示以及自定义保存功能。 首先,语法高亮是提高代码可读性和编辑体验的重要特性。FCKeditor本身并不内置代码语法高亮功能,但可以通过集成第三方插件来实现。...

    FCK在线JSP编辑器

    2. **代码高亮显示**:对于JSP代码,FCKeditor支持语法高亮,使得代码更易于阅读和理解,减少了错误的可能性,提高了开发效率。 3. **实时预览**:编辑器具有实时预览功能,可以在编写代码的同时看到页面效果,有助...

    基于PHP的帝国6.0FCK增强,代码、自定义插入等新功能源码.zip

    在这个增强版中,开发者可能对原有的FCKeditor进行了定制,增加了代码高亮显示、自定义内容插入等新特性,以提高网站内容管理的效率和用户体验。 【描述】中的".zip"表明这是一份压缩包文件,通常包含源代码和其他...

    FCK编辑器.rar

    它还具备良好的API接口,开发者可以通过编写JavaScript代码来扩展编辑器功能,实现如拼写检查、语法高亮、代码折叠等高级特性。 在"压缩包子文件的文件名称列表"中,我们看到有两个文件:FCK.txt和FCK。FCK.txt可能...

    fckeditor扩展上传文件、源码高亮,插入Flash、媒体及视频及集成轻开平台

    另外,对重点功能也进行扩展,如上传文件和源代码高亮显示。上传文件不再需要专门的配置,直接使用即可,强化了上传图片、附件及目录管理功能,实现全汉语UI操作和实时预览。增加了插入Flash、媒体及视频功能,其...

    WP-INSERT插件

    时间久了后台就会出现大量的插件,插件安装多了就会出现占用后台资源以及插件冲突等情况,实在让人厌烦,所以,WP-INSERT这款多功能插件就能帮你很大的忙,它集广告、Feed、谷歌统计、编辑、语法高亮等多项插件功能...

    配置好的FCKeditor

    用户可以通过选择不同的编程语言,让编辑器自动对插入的代码进行语法着色。 5. **远程图片自动保存**:这个功能可能是为了防止外链图片失效。当用户输入一个外部网站的图片URL时,编辑器会自动下载该图片并存储在...

    一个很好用的.net编辑器

    2. **编辑器的特性**:.NET编辑器通常支持多种编程语言,如C#、VB.NET、F#等,可能具备代码高亮、自动完成、语法检查、错误提示、调试功能等。它们也可能提供项目管理、版本控制集成、插件扩展性,以及与Visual ...

Global site tag (gtag.js) - Google Analytics