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

2023-12-17

在这里插入图片描述

查看专栏目录

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

网络的梦想

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

fckeditor编辑器改造示例:增加PRE,CODE控件 的相关文章

  • Markdown编辑器【写作技巧】

    CSDN的MD编辑器 写作技巧 0 Markdown的公式编辑技巧 单个公式用 begin equation 多行公式 begin align 或者 begin array 1 在线LaTeX公式的编辑器 2 继续补充 color Oran
  • JAVA--windows和linux下执行.class

    windows和linux下执行 class windows下执行 class linux下执行 class windows下执行 class title testJOb java cp jar com yang jobTest start
  • 起名字老重名?使用这款利器可以快速帮你查询有哪些站点用了你的名字!

    作者 弗拉德 来源 弗拉德 公众号 fulade me 不知道有没有小伙伴跟我一样 常常在注册账号的时候输入了昵称往往会反回一个 用户名已存在 然后尝试了好几个昵称之后才能成功 今天介绍的这款工具可以帮助我们迅速的检索各大网站有没有我们自己
  • python注释快捷键 引号注释快捷键 注释字体样式调整

    python注释快捷键分为两种 单行注释 单行注释快捷键是CTRL list red green blue yellow white black print list 0 print list 1 print list 2 list red
  • 如何使用LaTeX制作PPT?

    作为LaTeX排版软件 LaTeX主要被用来制作书籍和文章 但由于现代LaTeX系统主要以PDF文件为输出方式 授课 演讲用的计算机幻灯片也日益成为LaTeX的一个重要应用 LaTeX中专门用来制作幻灯片的工具有powerdot文档类 pr
  • Gutenberg 块编辑器 11.9 专注于导航菜单和块主题

    Gutenberg 11 9块编辑器于11月初发布 其中包含数十项增强功能 贡献者正在加速前进 在预计 12 月 14 日发布 WordPress 5 9 之前获得一些最终功能 11 9 版是最后一个包含即将到来的 WordPress 更新
  • obsidian上手使用

    前言 我之前一直使用的是typora typora付费后就没有使用过了 后面就一直找markdown编辑器 在一次网课中我发现了老师用的网页富文本编辑器非常不错 这样我认识了语雀 语雀的文本编辑体验确实非常的不错 还可以在笔记里添加思维导图
  • vscode使用手册

    VS Code Visual Studio Code 是一款轻量级 跨平台的源代码编辑器 支持语法高亮 自动补全 调试 Git 版本控制等功能 下面是一些使用 VS Code 的基本操作 安装和启动 在官网上下载并安装 VS Code 打开
  • 关于obsidian和typora之间格式无法兼容的解决(图片显示问题)

    要在obsidian中进行如下设置 也就是将每个markdown文件中的图片都放在该markdown文件所在的文件夹中 然后图片的格式是通用markdown的格式 路径是基于该文件的相对路径 使用时 每个文件都单独创建一个文件夹来放置 然后
  • vscode乱码

    vscode中文乱码怎么解决 vscode是一款跨平台源代码编辑器 能够在桌面上运行 并且能够用途windows macOS以及Linux 但是有不少小伙伴们在使用vscode时 输入输出的却是中文代码 也不知道如何解决 那么今天小编就来告
  • VSCode中配置命令行参数

    VSCode中配置命令行参数 在跑程序调试的时候 可以直接使用脚本运行程序 这个时候调试代码只能用pdb 我觉得不太习惯 而且感觉不是很好 所以想这能不能将运行程序的脚本中的命令直接配置到vscode上 就有了这篇记录 正常vscode D
  • 必杀VI、VIM编辑器命令

    题记 VI和VIM有非常多的命令 在此分部分展示一下 第一部分 一 移动光标类 一般模式 光标移动 复制粘贴 查找替换 上下移动 h lt 光标向左移动一个字符 j 向上箭头 光标向上移动一个字符 k 向下箭头 光标向下移动一个字符 l 向
  • 钱越来越难挣?这期程序员兼职干货没有水分!

    钱越来越难挣 程序员找兼职越来越难 结局只能指路美团 文末福利 还没看透职场 高薪 骗局 别人早就把精力放在了做副业上 兼职找不到 多半是经验不够 思路没打开 本篇文章 应该能让你茅塞顿开 收获颇丰 先喝点水 干货满满 下面容我娓娓道来 一
  • 豆瓣9.2分,250万Python新手入门的最佳选择!蟒蛇书入门到实践

    在此疾速成长的科技元年 编程就像是许多人通往无限可能世界的门票 而在编程语言的明星阵容中 Python就像是那位独领风 骚的超级巨星 以其简洁易懂的语法和强大的功能 脱颖而出 成为全球最炙手可热的编程语言之一 什么样的书能 异常 靠谱 能在
  • 卸载NotePad++/SublimeText吧:VSCode才是史上最优秀的IDE编辑器

    开源免费 免费 这应该是所有人都所希望的 而且居然是微软开源免费的 你敢信吗 vscode使用的是MIT Lisense 可随意下载 分发 商用等 下载地址 https code visualstudio com 此外 VSCode还开源
  • 如何将 CKEditor 集成到 Asp.net MVC 中

    Saw 这个帖子 http www codeproject com KB aspnet fckeditor aspx在 FCKEditor 的 CodeProject 上 有人可以解释一下新版本的情况吗 实际上这很容易做到 首先从官网下载最
  • vscode插件离线安装地址

    因内网开发 编辑器不可联网 插件需要离线安装 vscode插件商店 Extensions for Visual Studio family of products Visual Studio Marketplace
  • 如何在 jQuery 中修改序列化表单数据?

    我正在尝试在 AJAX 中提交表单 因此我必须序列化 数据 但我正在使用fckEditor并且 jQuery 不知道如何处理它 所以在序列化之后 我尝试手动修改该值 但到目前为止没有运气 任何想法 if content val var va
  • 提升编程效率,Sublime Text 4 for Mac 让代码编辑更高效!

    作为一名开发人员或程序员 一个高效且功能强大的文本编辑器是必不可少的工具 而 Sublime Text 4 for Mac 正是为满足这一需求而设计的 无论你是初学者还是经验丰富的专业人士 Sublime Text 4 都将成为你编程生涯中
  • CKEDITOR:如何转换所有 html 实体

    这是清单 http www elizabethcastro com html extras entities html http www elizabethcastro com html extras entities html我要么想启用

随机推荐