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控件 的相关文章

  • Notepad++编辑过的行颜色设置 LocationNavigate.ini设置 高亮 黄色 绿色 修改的行变为黄色 修改的行高亮显示

    使用NotePad 修改的行会显示为橘黄色 保存之后 则显示为绿色 这两种颜色太亮了 想把色值调低 于是 展开搜索 发现这个功能是插件Location Navigate 带的 之后 找到了配置文件C Users xx AppData Roa
  • ChatGPT报错:Sorry, you have been blocked解决方法

    今天打开ChatGPT 发现再一次报错了 又一次出问题了 无语 原因分析 1 内容过滤 某些平台或网站可能使用内容过滤系统 该系统可能将AlI语言模型视为潜在的风险 从而对其进行封锁或限制 这是为了防止不当内容的传播或滥用 2 隐私和安全考
  • unity实现简单的地图编辑器,实现跑酷地图编辑器 2d地图编辑器,导出地图json数据,导入地图json数据

    这里使用的是unity2020 1 对于unity编辑器开发也不是很了解 这方面的教程也不多 也是慢慢摸索的 效果显示 首先简单 介绍下Unity编辑器开发 1 Editor下打开新窗口需要继承EditorWindow 然后使用获取窗口即可
  • python注释快捷键 引号注释快捷键 注释字体样式调整

    python注释快捷键分为两种 单行注释 单行注释快捷键是CTRL list red green blue yellow white black print list 0 print list 1 print list 2 list red
  • unity shader可视化工具——Shader Graph

    unity shader可视化工具 Shader Graph 前言 一 Shader Graph介绍 什么是Shader Graph 二 Shader Graph安装配置 1 新工程中使用Shader Graph 2 旧工程中使用Shade
  • 【Linux学习】vim编辑器的使用

    Linux环境中vim编辑器的使用 前言 一 vim是什么 二 vim的使用 1 vim的三种模式 1 1 命令模式 Command mode 1 2 输入模式 Insert mode 1 3 底线命令模式 Last line mode 2
  • obsidian上手使用

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

    STL就是封装好的一些数据结构以及一些算法 C STL 标准模板库 是一套功能强大的 C 模板类 提供了通用的模板类和函数 这些模板类和函数可以实现多种流行和常用的算法和数据结构 如向量 链表 队列 栈 Standard Template
  • word工具栏菜单栏隐藏打开的办法

    windows中打开 开始 运行 键入 winword a 然后 确定 即可恢复默认工具栏 重新打开文档
  • Markdown基本语法

    Markdown基本语法 一 Markdown了解 二 基本语法 1 各级标题的写法 2 段落 3 字体样式 4 分隔线 5 下划线 6 脚注 7 列表 8 代码块 9 引用 10 图片插入 11 链接 12 表格 三 高级技巧 1 HTM
  • Markdown基础语法介绍

    何为Markdown Markdown是一种轻量级标记语言 它允许用户以纯文本格式编写文档 然后转换成有效的XHTML或HTML文档 Markdown具备轻量化 跨平台 易读易写等特性 且支持文本 图片 图表等多种展示样式 Markdown
  • 编码GBK不可映射字符的三种解决方法

    当我们需要输出中文时 在DOS等运行和调试代码时会出现 study01 java 3 错误 编码GBK的不可映射字符 System out println 浠婂 鐨勬棩鏈熸槸锛 day 锛 或者中文编码错误 原因 Windows CMD和P
  • 关于obsidian和typora之间格式无法兼容的解决(图片显示问题)

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

    set 前加冒号 与不加 一样 set nu 状态栏 let mapleader
  • 原创的 20 个 Python 自动化案例,一口一个,高效办公!

    导读 大家好 自从 发布第一篇 Python 办公自动化办公系列文章以来 目前已经马不停蹄的更新了 20 个案例 累计阅读超 10W 为了方便大家阅读学习 我将这二十个案例再次进行分类汇总 内容涵盖 Python 操作Word Excel
  • vscode编辑器插件总结

    之前一直用webstorm webstorm确实太重了 后来无意中发现了vscode 高颜值吸引了我哈哈哈 就一直用着 很喜欢VScode的插件功能 想要什么插件就搜索 比如搜索angular 只要点击一下某款插件 插件的介绍和用法都会在右
  • Linux_vi/vim编辑器

    3 VI 与 VIM 3 1概述 vi编辑器 是Linux和Unix上最基本的文本编辑器 工作在字符模式下 由于不需要图形界面 vi是效率很高的文本编辑器 vim是 vi的增强版 比vi更容易使用 vi的命令几乎全部都可以在vim上使用 3
  • 卸载NotePad++/SublimeText吧:VSCode才是史上最优秀的IDE编辑器

    开源免费 免费 这应该是所有人都所希望的 而且居然是微软开源免费的 你敢信吗 vscode使用的是MIT Lisense 可随意下载 分发 商用等 下载地址 https code visualstudio com 此外 VSCode还开源
  • Sublime Text 4 for Mac/win: 提升前端开发效率的编辑神器

    对于前端开发者来说 一个高效的代码编辑器是必不可少的工具 而Sublime Text 4作为一款著名的跨平台编辑器 不仅提供了丰富的功能 还能够极大地提升开发效率 首先 Sublime Text 4拥有强大的代码编辑功能 它支持多种编程语言
  • 如何在 jQuery 中修改序列化表单数据?

    我正在尝试在 AJAX 中提交表单 因此我必须序列化 数据 但我正在使用fckEditor并且 jQuery 不知道如何处理它 所以在序列化之后 我尝试手动修改该值 但到目前为止没有运气 任何想法 if content val var va

随机推荐