04 06 2020

实例

<script type="text/javascript" charset="utf-8" src="/static/wzue/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/wzue/ueditor.all.min.js"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="/static/wzue/lang/zh-cn/zh-cn.js"></script>
    
<textarea id="editor"  name="content" type="text/plain" style="width:100%;height:300px;">
</textarea>

<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    UE.getEditor('editor');
</script>

代码高亮

    
<!--代码高亮-->
<script type="text/javascript" src="/static/wzue/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="/static/wzue/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
    SyntaxHighlighter.all();
</script>

高亮在手机端适配

/third-party/SyntaxHighlighter/shCoreDefault.css 处
.syntaxhighlighter {
      word-break:break-all; //新增
}

关闭远程图片是否抓取到本地保存

ueditor.config.js  
    catchRemoteImageEnable: false

上传图片配置

php/config.json

多图上传图片重复显示

/php/Uploader.class.php 的297行;
     $randNum = rand(1, 10000000000) . rand(1, 10000000000); 
改为 $randNum = rand(1, 2147483647) . rand(1, 2147483647);


延伸阅读
  1. 用threejs展示stl格式3D模型
  2. layui的信息流 - 滚动加载(配合TP5)