FCK插入语法高亮显示实践版资源-CSDN文库

共586个文件

js：213个

gif：137个

html：78个

需积分: 9 111 浏览量 2019-05-25 01:01:49 上传评论收藏 1.28MB RAR 举报

在IT行业中，FCKeditor是一款曾经非常流行的开源富文本编辑器，它允许用户在网页上创建和编辑内容，类似于Word的界面，但适用于Web环境。本文将深入探讨如何在FCKeditor中实现代码的语法高亮显示，并通过提供的压缩文件"cnblogs_fck_high"进行实践操作。我们要理解插入语法高亮显示的重要性。在编辑含有编程代码的内容时，高亮显示可以极大地提升代码的可读性，帮助读者更快地理解和解析代码结构。FCKeditor本身并不直接支持代码高亮，但我们可以通过第三方插件或自定义开发来实现这一功能。一种常见的方法是使用像SyntaxHighlighter这样的JavaScript库。这个库能够自动识别不同的编程语言并为其添加相应的样式，实现代码的高亮显示。在FCKeditor中集成SyntaxHighlighter，我们需要以下步骤： 1. **下载SyntaxHighlighter**：访问其官方网站或者GitHub仓库，获取最新的版本。 2. **引入库文件**：将下载的SyntaxHighlighter文件夹中的CSS和JavaScript文件引入到你的项目中，通常会放在`<head>`标签内。 3. **配置FCKeditor**：在FCKeditor的配置文件（通常是fckconfig.js）中，设置允许插入的HTML标签，添加`<pre>`和`<code>`标签，因为SyntaxHighlighter会用这两个标签包裹代码。 4. **编写插件**：创建一个新的FCKeditor插件，例如命名为`fck_codehighlight.js`，这个插件的主要任务是当用户点击按钮时，在编辑器中插入预格式化的代码段，并添加适当的类名，以便SyntaxHighlighter识别。 5. **注册插件**：在FCKeditor的初始化代码中，注册刚刚创建的`fck_codehighlight.js`插件，这样用户就可以在编辑器工具栏中看到并使用这个新功能。 6. **应用样式**：根据需要自定义SyntaxHighlighter的主题样式，以匹配网站的整体设计。在压缩文件"cnblogs_fck_high"中，可能包含了已经配置好的FCKeditor和SyntaxHighlighter，以及用于演示的代码片段。解压后，你可以直接在本地环境中运行，观察效果，或者根据文件内容学习如何进行类似的集成工作。此外，需要注意的是，随着技术的发展，现代的富文本编辑器如CKEditor、TinyMCE等已经内置了更丰富的代码高亮插件，比如CKEditor的CKSource_highlighter或TinyMCE的CodeMirror插件。如果你的项目是新的，可能需要考虑使用这些更先进的编辑器以获得更好的用户体验。实现FCKeditor中的代码语法高亮显示是一项实用的增强功能，能提升代码展示的专业性。通过结合使用SyntaxHighlighter或其他类似库，结合提供的压缩文件，你可以轻松地在自己的项目中实施这个功能。同时，不断关注和学习新的富文本编辑技术和插件，将有助于保持项目的先进性和易用性。

资源推荐

资源详情

资源评论

收起资源包目录

FCK 插入语法高亮显示实践版（586个子文件）

fckeditor.afp 4KB

sample02.afp 3KB

sample04.afp 3KB

sample03.afp 3KB

sampleposteddata.afp 2KB

sample01.afp 2KB

fck.afpa 25B

config.ascx 5KB

class_upload.asp 10KB

io.asp 7KB

fckeditor.asp 6KB

commands.asp 6KB

config.asp 6KB

sample02.asp 3KB

sample04.asp 3KB

sample03.asp 3KB

connector.asp 2KB

sample01.asp 2KB

upload.asp 2KB

basexml.asp 2KB

sampleposteddata.asp 2KB

util.asp 1KB

connector.aspx 1KB

upload.aspx 1KB

package.bat 893B

run.bat 811B

image.cfc 46KB

ImageObject.cfc 12KB

fckeditor.cfc 9KB

cf5_upload.cfm 11KB

cf5_connector.cfm 10KB

cf_io.cfm 10KB

cf_commands.cfm 8KB

config.cfm 8KB

fckeditor.cfm 7KB

spellchecker.cfm 5KB

cf_util.cfm 4KB

sample02_mx.cfm 3KB

sample04_mx.cfm 3KB

sample02.cfm 3KB

sample03_mx.cfm 3KB

sample04.cfm 3KB

cf_connector.cfm 3KB

sample03.cfm 3KB

cf_basexml.cfm 3KB

fckutils.cfm 2KB

cf_upload.cfm 2KB

sample01_mx.cfm 2KB

sampleposteddata.cfm 2KB

sample01.cfm 2KB

connector.cfm 1005B

upload.cfm 993B

sample02.cgi 5KB

sample04.cgi 5KB

sample03.cgi 5KB

connector.cgi 4KB

sample01.cgi 3KB

upload.cgi 3KB

sampleposteddata.cgi 3KB

fck.afpa.code 5KB

fck_editor.css 8KB

fck_dialog.css 6KB

fck_internal.css 4KB

SyntaxHighlighter.css 4KB

fck_editorarea.css 3KB

sample14.styles.css 3KB

fck_dialog_common.css 2KB

fck_showtableborders_gecko.css 2KB

browser.css 2KB

sample.css 1KB

spellerStyle.css 890B

sample16.fla 57KB

fck_strip.gif 9KB

fck_strip.gif 5KB

logo_fckeditor.gif 2KB

fck_plugin.gif 2KB

htm.gif 1KB

html.gif 1KB

rdp.gif 1KB

spellchecker_net.gif 1KB

ai.gif 1KB

embaressed_smile.gif 1KB

teeth_smile.gif 1KB

shades_smile.gif 1KB

tounge_smile.gif 1KB

wink_smile.gif 1KB

sad_smile.gif 1KB

regular_smile.gif 1KB

whatchutalkingabout_smile.gif 1KB

envelope.gif 1KB

heart.gif 1012B

thumbs_down.gif 992B

thumbs_up.gif 989B

kiss.gif 978B

sprites.gif 959B

共 586 条

评论收藏

内容反馈

weixin_38669628

粉丝: 387
资源: 6万+

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

编译课设——高亮语法显示软件

语法高亮显示的代码编辑器

实现语法高亮显示的VC代码

VB语法高亮显示的类

显示行号的语法高亮编辑器

FCK代码高亮插件

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

FCK在线JSP编辑器

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

FCK编辑器.rar

dede织梦编辑器增加插入代码并高亮显示代码插件

[C#版本]语法高亮显示分析程序

RichText文本框语法高亮显示

秀丸中cobol语法高亮显示

editplus显示groovy的语法(语法高亮)

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

WP-INSERT插件

配置好的FCKeditor

一个很好用的.net编辑器

tau:一个相当快的语法高亮显示

JsDecoder Js解码，语法高亮，自动插入TextArea

XYplorer:XYplorer语法高亮显示Sublime Text

Word插入代码显示行号并高亮着色显示

pbootcms 文章插入代码高亮显示插件

vb语法高亮类(利用RichTextBox控件进行VB语法高亮显示的类)

code2html:语法将您的代码高亮显示为纯 HTML

scintilla语法高亮显示2.11

js实现插入代码按代码格式关键词等高亮显示

基于spring boot的小区物业管理系统源码+论文+答辩ppt

Python数据分析与可视化大作业基于Python数据可视化的网易云音乐歌单分析系统源码+文档说明

最新资源

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