fckeditor编辑器改造示例：增加PRE，CODE控件

查看专栏目录

Network 灰鸽宝典专栏主要关注服务器的配置，前后端开发环境的配置，编辑器的配置，网络服务的配置，网络命令的应用与配置，windows常见问题的解决等。

fckeditor是一个好用的编辑器，为了更好用，我们可以通过修改文件来个性化这个编辑器。如下图：

修改方法：

1）修改fckconfig.js文件：

FCKConfig.CoreStyles =
{
// Basic Inline Styles.
‘Bold’ : { Element : ‘strong’, Overrides : ‘b’ },
‘Italic’ : { Element : ‘em’, Overrides : ‘i’ },
‘Underline’ : { Element : ‘u’ },
‘StrikeThrough’ : { Element : ‘strike’ },
‘zjCode’ : { Element : ‘zjcode’ },
‘zjPre’ : { Element : ‘zjpre’ },

2，修改FCKeditor/editor/skins/fck_strip.gif文件

每个图标占地大小16px*16px, 利用ps在底部增加2个图标，画布高度增加32px。

3，修改FCKeditor/editor/js/fckeditorcode_gecko.js

4，修改zh-cn.js

InsertMedia : “多媒体”,
InsertAddon : “附件”,
InsertDedePage : “分页符”,
InsertQuote : “引用”,
InsertBr : “段内换行符”,
//补充 ->
Axiaoguotu : “效果图”,
Ahexin : “核心代码”,
Ayufa : “基本语法”,
Acankao : “参考网站”,
Ademo : “查看样例”,
zjCode : “zj代码块”,
zjPre : “zj区域块”,

5，FCKeditoreditorcss ck_editorarea.css文件

zjpre{ background: #646464;display: inline-block;}
zjcode{ background: #f0aeae;display: inline-block;}

结尾语

Network 灰鸽宝典为开发配置保驾护航，让服务运行快捷平稳。 希望某个知识点就能帮助你，欢迎学习GIS的朋友一起交流。
《 Openlayers 综合示例200+ 》，
《 leaflet示例教程100+ 》，
《 Cesium示例教程100+》，
《MapboxGL示例教程100+》。

网络的梦想

这是一个关于一只名叫阿灰的鸽子的故事。阿灰生活在一个繁忙的城市里，他有一个梦想，那就是通过网络连接全世界的人们。
阿灰的梦想始于他看到的一只信鸽的故事。那只信鸽在战争期间，不畏艰险，将重要信息传递给前线的战士们。阿灰被这个故事深深打动，他决定也要成为一个传递信息的使者。
阿灰开始学习如何使用网络。他学会了如何使用电子邮件、社交媒体和网络电话。他发现，网络的力量是巨大的，它可以让人们跨越地理距离，分享和获取信息，甚至建立深厚的友谊。
阿灰开始在城市中寻找其他鸽子，教他们如何使用网络。他告诉他们，虽然网络看似复杂，但只要愿意学习，任何人都可以掌握。阿灰还告诉他们，网络不仅可以用来娱乐和交流，还可以用来传递重要的信息。
阿灰的行动引起了人们的注意。他们开始关注这只特别的鸽子，以及他如何改变其他动物的生活。人们开始帮助阿灰，为他提供更好的设备和更稳定的网络连接。
随着时间的推移，阿灰的网络团队不断扩大，他们开始在城市中建立了一个特殊的网络社区。这个社区的成员不仅是鸽子，还包括其他动物和人类。他们通过共享信息、互相帮助和学习新的技能，使整个社区变得更加繁荣和充满活力。
阿灰的故事传遍了整个世界。他的事迹激发了其他动物和人类对网络的热情。他们开始意识到，网络不仅是一种工具，也是一种连接世界、创造更美好未来的力量。
最后，阿灰实现了他的梦想。他通过网络连接了全世界的人们，使他们能够更好地理解和尊重彼此。阿灰的故事告诉我们，只要有梦想和勇气，任何动物都可以超越自己的界限，为世界带来积极的影响。