UEditor富文本

1、Chrome浏览器

1.1、修改请求头信息，使用Modify Headers插件，也有一些其他的但是感觉没这个好

1、可以导出头信息到文件，也能从文件导入
2、可以针对每个头来启用或停止，也可以一键启动/停止/删除全部

1.2、如果是前端开发者，可能会用到Web Developer插件，提供了一个工具栏，如下图

方便前端开发的一些操作，讲这些操作统一汇总到这个工具栏

1.3、如何导出扩展程序为crx文件

先查看版本信息：chrome://version/

在个人资料路径路径中找到本地扩展目录Extensions

看到有如下已安装的扩展程序

再打开扩展：chrome://extensions/；然后选中开发者模式

根据插件ID找到本地目录为

点击打包扩展，跟目录是版本号目录，如下图，点击打包

等待2到3秒后出现成功提示，发现插件就在本地对应的安装目录中

和上面的目录相比，是不是多了个crx和pem文件，crx就是插件文件，pem是私钥

到这里导出扩展程序就完成了，接下来就是如何安装了，毕竟导出的目的就是为了安装，直接将crx文件拖动到扩展程序界面安装即可

2、百度富文本UEditor

下载UEditor：http://ueditor.baidu.com/website/download.html；根据自己的需要来下载对应版本

UBuilder主要为开发者定制一个最精简的编辑器,故在下载包中不包含开发源码、代码示例，开发合并工具等;

开发版包含了源代码和发布版本，mini是针对开发版的精简

我下载的是JSP的UTF-8版本，接下来以此为例，先看下载解压后目录结构

打开jsp文件夹，发现有个lib文件夹，这里面的依赖包全部放到项目的依赖项中，不需要和js、css等静态资源放到一起，这么打包只是为了方便下载

放好后项目结构如下，按理说可以开始启动运行了，但是这里最好先修改一些地方，不然使用起来遇到问题就不好了：

问题一：修改jsp/config.json中上传图片、视频或者其他文件的上传保存路径与访问前缀(我这里只列出了图片的，其他的配置项照样修改红框中的两个配置项)

问题二：我用的ueditor-1.1.2其实有个BUG，在windows系统上传文件时返回的路径不对，这个问题在ueditor-1.1.2.jar中(一般来说生产服务器是Linux，但是开发时有可能是windows)

　　　　这个问题，可能在未来的新版中就不会存在了，但是现在还需要自己解决；下载完整版源码，解压后打开jsp目录，发现比单独的jsp版本多了个src目录

将这个目录导入到一个新建的java项目中，打开FileManager.java文件，找到getPath方法，看到如下代码，其实正是这段代码在windows下运行出现路径问题(不信调试)；

将其改为如下图，主要是更改了getPath这个方法，让路径技能处理linux又能处理windows的：

然后到处jar包替换掉原来的ueditor-1.1.2.jar就可以了，在未来版本中如果解决了的话就不用这么麻烦了。

问题三：在上传图片时，如果添加一张图片希望图片宽度自适应屏幕宽度填满高度自适应的话，可以再修改ueditor.all.js的一个地方：

　　　　可以直接搜索(link = me.options.imageUrlPrefix + json.url;)直接定位代码

注意，推荐使用width方式，不要使用style，因为ueditor.config.js中配置了白名单，而style不在白名单中，所以使用style需要按如下修改：

解决完以上所有问题，然后修改index.html中引用的ueditor.all.min.js为ueditor.all.js即可正式开始启动项目运行了,有必要可以用uglifyjs将ueditor.all.js压缩下。

UEditor富文本的更多相关文章