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+》

网络的梦想

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

猜你喜欢

转载自blog.csdn.net/cuclife/article/details/134978972