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

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

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

本文中,苏南大叔给大家带来的就是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/

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

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。