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

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

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

下载最新版的ueditor源码

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

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

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

安装node模块

sudo npm install
sudo npm install grunt -g

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

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

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

利用grunt编译代码

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

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

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

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

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

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

结论

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

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

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

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

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

本站的忠实读者小伙伴,正在阅读下面这些文章: