fckeditor编辑器改造示例:增加PRE,CODE控件

在这里插入图片描述

查看专栏目录

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

文章目录

    • 修改方法:
      • 1)修改fckconfig.js文件:
      • 2,修改FCKeditor/editor/skins/fck_strip.gif文件
      • 3,修改FCKeditor/editor/js/fckeditorcode_gecko.js
      • 4,修改zh-cn.js
      • 5,FCKeditoreditorcss ck_editorarea.css文件
    • 结尾语
    • 网络的梦想

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

网络的梦想

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/228059.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Python项目——贪吃蛇

1、原理 整个界面由一个二维数组组成。游戏开始时,会随机生成一个苹果(红点)和一条蛇(黄点)。蛇会在二维数组中移动,当蛇碰到苹果时,苹果被吃,蛇的长度加一(红点变黄点&…

性能测试

什么是性能测试?性能测试定义性能测试和功能测试区别性能测试常见术语及指标1:用户数3:响应时间4:事务5:每秒事务通过数6:用户点击率7:吞吐量8:吞吐率9:思考时间10&#…

基于ssm的简单学校课程管理系统的设计与实现(源码+调试)

项目描述 临近学期结束,还是毕业设计,你还在做java程序网络编程,期末作业,老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。今天给大家介绍一篇基于ssm的简单学校课程管…

探索Nginx的奥秘--从代理到负载均衡的艺术实践

文章目录 🌺Nginx的引入🌺🌺深刻理解正向代理与反向代理🌺🌹Reverse proxy🌹🌹正向代理与反向代理的区别🌹🌹反向代理为什么叫反向代理🌹🌹负载均…

C#教程(三):字符串的各种用法

在C#中,字符串(string 类型)是一种常用的数据类型,用于存储和操作文本数据。以下是一些C#中字符串的常见用法 1、输出任意的字符串长度 代码 #region 输出任意的字符串长度 Console.WriteLine("请输入你心中想到的名字&…

Activiti工作流框架学习笔记(一)之通用数据表详细介绍

文/朱季谦 Activiti工作流引擎自带了一套数据库表,这里面有一个需要注意的地方: 低于5.6.4的MySQL版本不支持时间戳或毫秒级的日期。更糟糕的是,某些版本在尝试创建此类列时将引发异常,而其他版本则不会。执行自动创建/升级时&a…

C++ 二叉搜索树(BST)的实现(非递归版本与递归版本)与应用

C 二叉搜索树的实现与应用 一.二叉搜索树的特点二.我们要实现的大致框架三.Insert四.InOrder和Find1.InOrder2.Find 五.Erase六.Find,Insert,Erase的递归版本1.FindR2.InsertR3.EraseR 七.析构,拷贝构造,赋值运算符重载1.析构2.拷贝构造3.赋值运算重载 八.Key模型完整代码九.二…

2020年第九届数学建模国际赛小美赛D题石头剪刀游戏与合作解题全过程文档及程序

2020年第九届数学建模国际赛小美赛 D题 石头剪刀游戏与合作 原题再现: 小时候你可能至少玩过几次石头剪刀游戏。在这个游戏中,你几乎有三个选择,每一个都有一个项目要打败,一个项目输给。石头打败剪刀,剪刀剪纸和布覆…

yasaf永安视安防监控恢复案例

永安视(yasaf)一个小到连官网都没有的安防厂商,是国内众多品牌中的一个,可以说是小十八线,让人敬佩的是这么一个小厂也自行写了嵌入式方案,下边我们来看看这个恢复案例。 故障存储: WD500G 故障现象: 此安防设备在使用过程中被…

python/c++ Leetcode题解——1.两数之和

目录 方法1:枚举法 思路 Code 方法2:哈希表 思路 Code 方法1:枚举法 思路 最容易想到的方法是枚举数组中的每一个数 x,寻找数组中是否存在 target - x。 当我们使用遍历整个数组的方式寻找 target - x 时,需要注意到每一个位于 x 之前的元素都已…

【机器学习】应用KNN实现鸢尾花种类预测

目录 前言 一、K最近邻(KNN)介绍 二、鸢尾花数据集介绍 三、鸢尾花数据集可视化 四、鸢尾花数据分析 总结 🌈嗨!我是Filotimo__🌈。很高兴与大家相识,希望我的博客能对你有所帮助。 💡本文由Fil…

07-抽象工厂

意图 提供一个创建一系列相关或相互依赖对象的接口,而无需指定它们具体的类。 适用性 在以下的情况可以选择使用抽象工厂模式: 一个系统要独立于它的产品的创建、组合和表示。一个系统要由多个产品系列中的一个来配置。要强调一系列相关的产品对象的…

Spring MVC 中的常用注解和用法

目录 一、什么是 Spring MVC 二、MVC定义 三、简述 SpringMVC 起到的作用有哪些? 四、注解 五、请求转发或请求重定向 一、什么是 Spring MVC Spring Web MVC 是基于 Servlet API 构建的原始 Web 框架,从⼀开始就包含在 Spring 框架中。它的正式名称“Spring Web…

移动端Vant中的Calendar日历增加显示农历(节日、节气)功能

核心: 使用 js-calendar-converter 库实现 npm地址:js-calendar-converter 内部使用原生calendar.js, 中国农历(阴阳历)和西元阳历即公历互转JavaScript库,具体实现感兴趣的可自行查看其实现源码。 原日…

唱作歌手朱卫明的粤语版《兄弟情》:一曲深情唱尽人间真挚情感

朱卫明的粤语版《兄弟情》:一曲深情唱尽人间真挚情感 在音乐的广阔天地里,每种语言都有其独特的韵味和魅力。对于唱作音乐人朱卫明来说,他用普通话演唱的歌曲已经深入人心,但当他将《兄弟情》这首歌曲以粤语演绎时,更…

笔记 - 现代嵌入式芯片封装识读

0.引用: 配图、资料并非一处采集,我不太容易找到图片的原始链接。这里的图片仅作示例,无商业用途。如果涉及侵权,请随时联系。谢谢! PCB封装欣赏了解之旅(下篇)—— 常用集成电路_ufqfpn封装…

【C++】STL 容器 - string 字符串操作 ⑤ ( string 字符串查找 | find 函数查找字符串 | rfind 函数查找字符串 )

文章目录 一、string 字符查找 - find 函数查找字符串1、string 类 find 函数原型说明2、代码示例 - 字符串查找3、代码示例 - 统计字符串子串 二、string 字符查找 - rfind 函数查找字符串1、string 类 rfind 函数原型说明2、代码示例 - rfind 字符串查找 一、string 字符查找…

注册与回调

C 再谈谈注册(本质是建立映射)与回调 在之前的博文中, 我们探讨过映射的重要作用, 请直接看:http://blog.csdn.net/stpeace/article/details/39452203, 在那篇文章中, 我们是用STL中的map来做的, map建立的是key-value…

rk3568 RGMII KSZ8795 MAC TO MAC

RK3568与KSZ8795交换机芯片连接,直接MAC TO MAC方式,这样一下就扩展会4路网口,应该场合比较多,移植过程如下: 参考《Rockchip_Developer_Guide_Linux_MAC_TO_MAC_CN.pdf》 《rockchip RGMIImv88e6390 管理型交换机功…

【Spring】之Ioc和Aop快速了解

这里写目录标题 1.Spring框架是什么?简介:总结:Spring框架,可以理解为是一个管理者:管理整个分层架构(MVC)中的每一个对象;(每一个对象称之为bean) 2.Spring框…