我们相信:世界是美好的,你是我也是。平行空间的世界里面,不同版本的生活也在继续...

百度的编辑器,目前是越做越强大了。当然,大家在使用过程中,肯定会对ueditor有着各种各样的改造想法。直接修改ueditorueidtor.all.js也是可以的。不过,在现在前端模块化的今天,这样做,似乎是有些low的。而且在压缩版代码间来回看,也是很伤神费力的。

各位聪明的读者,可以下载ueditor的源码,然后对模块源码进行修改。修改完成后,用官方的方法,再次合成最终的ueditor.all.min.js。这样才是正统的道路。

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - baidu-ueditor
百度富文本编辑器ueditor,如何重新编译源码?(图7-1)

本文中,苏南大叔给大家带来的就是ueditor的编译教程,在将来,也会写写ueditor的修改教程。当然了,我们先学会如何编译,再修改源码进行编译,不是更顺利嘛。

下载最新版的ueditor源码

百度富文本编辑器ueditor下载地址:

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 001
百度富文本编辑器ueditor,如何重新编译源码?(图7-2)

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 002
百度富文本编辑器ueditor,如何重新编译源码?(图7-3)

安装node模块

sudo npm install
sudo npm install grunt -g

比官方教程里面就多这么一条,全局安装grunt

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 003
百度富文本编辑器ueditor,如何重新编译源码?(图7-4)

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 004
百度富文本编辑器ueditor,如何重新编译源码?(图7-5)

利用grunt编译代码

grunt
grunt --encode=utf8 --server=php
grunt --encode=gbk --server=java

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 005
百度富文本编辑器ueditor,如何重新编译源码?(图7-6)

苏南大叔:百度富文本编辑器ueditor,如何重新编译源码? - 006
百度富文本编辑器ueditor,如何重新编译源码?(图7-7)

一般来说,我们都是要utf8版本的,就是说,--encode=utf8,另外的取值是gbk
--server指的是,我们对接的上传脚本的服务器语言,默认是php,其它可能的取值有:jsp/net/asp

anyway,默认是utf8版本的php。还支持asp这门超级古老语言,这个是很令人意外的。

生成的代码,在源码的根目录下面的dist目录中。

结论

具体的需求,有不同的修改源码的办法,这个就是仁者见仁智者见智的事情了。大家看着修改,记得修改完成,打包测试即可。

以后苏南大叔会陆续给大家带来相关的ueditor修改的教程,欢迎大家关注:https://newsn.net/tag/ueditor/

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留作者链接。

 【福利】 腾讯云最新爆款活动!1核2G云服务器首年50元!

 【源码】本文代码片段及相关软件,请点此获取更多信息

 【绝密】秘籍文章入口,仅传授于有缘之人   js    ueditor