[Web+Ueditor]ueditor+oss实践

ueditor是一个强大的富文本编辑器,在我得Loser社区构建中正好使用!

使用过程中有很多坑,分享给大家

1.使用开源库

https://github.com/qikemi/UEditor-for-aliyun-OSS

配置时注意

如果出现endpoint 异常请配置在OSSKey.properties中配置

ossCliendEndPoint=http://oss-cn-shenzhen.aliyuncs.com/

下载的demo 中没有这句被坑了好久

2.由于Ueditor 资源加载

很多实现前后端分离修改ueditor.config.js

{6922E882-6386-47C3-99B9-EE029C9A59EB}.bmp

3.使用阿里OSS 做资源服务器,同时充当静态资源的cdn.

自己买的服务器带宽实在太小,用这种方法处理-_-

4.Ueditor 代码不高亮处理,在文章页面的head 中加如下代码

1
2
3
4
5
<link href="${resUrl!}/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css" rel="stylesheet" type="text/css" />  
 <script type="text/javascript" src="${resUrl!}/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>  
    <script type="text/javascript">
       SyntaxHighlighter.all();
    </script>

这样文章就能高亮了(发布后高亮),但是自己实现的预览和在编辑器中任然不能高亮郁闷

5.对于ueditor不能初始化内容,解决如下:

1
2
3
4
var ue = UE.getEditor('content');
 ue.ready(function({
  ue.execCommand('insertHtml'"${topic.content?js_string}");
 });