更新记录
2019.8.3:在线富文本编辑器CKEditor4完成上线
2020.8.2:新增一键排版功能扩展
2020.8.2:新增一键排版功能扩展
在线富文本编辑器CKEditor4
这是一款在线CKEditor富文本编辑器工具，在原有完整版CKEditor编辑器大部分功能的基础上，又增加了代码高亮工具，一键排版，以及自定义的<code>标签添加工具，非常适合站长编辑程序代码时使用。提供给需要的朋友参考使用。
源码 样式格式字体大小
◢
一、概述
这里展示的CKEditor编辑器为4.12.1版本，官方地址为：https://ckeditor.com/
可在其官网上下载需要的版本，还可在线定制代码高亮插件！
关于代码高亮插件的在线定制教程可参考本站教程：https://www.jb51.net/article/163075.htm 文章中还附带有 highlight.js 以及 SyntaxHighlighter代码高亮插件的下载地址，这里推荐使用 highlight.js （下方编辑器说明部分有该插件本站下载地址）
二、效果展示
1. 首先来看看代码高亮的显示效果，这里还是以 CKEditor4.12.1 引入文件代码为例，其js代码如下：
<script src="./ckeditor/ckeditor.js"></script>
<textarea name="editor1" id="editor1" cols="30" rows="10"></textarea>
<script>
// 这样就可以使用啦
CKEDITOR.replace('editor1',{
customConfig : './myconfig.js', //加载配置js
removeButtons:'',
extraPlugins: 'codesnippet',
codeSnippet_theme: 'zenburn'
});
</script>点击编辑器上的图标
2. <code></code>代码效果插件图标为
关于CKEditor富文本编辑器
- 这里使用的CKEditor版本为4.12.1，包含了该版本的绝大部分常用功能。
- 为便于日常使用，这里添加了highlight代码高亮插件，并且可在编辑器中看到对应的代码高亮显示效果。highlight代码高亮插件可点击此处本站下载
highlight.js的使用可参考：https://www.jb51.net/article/96198.htm - 不足之处，欢迎批评指正！
脚本之家工具类小程序上线了！微信小程序搜索 脚本之家工具箱或者扫描如下小程序码直接打开小程序！
小程序工具箱仍在不断改进完善中，欢迎提出宝贵意见！
为回馈广大用户对脚本之家的关注，脚本之家不定期开展红包、图书、礼品大放送活动
关注官方微信公众平台即可参与活动！
最后，感谢您对脚本之家在线工具的支持！