Ueditor百度编辑器怎么用?

avatar 2017年1月25日12:28:20 评论 181 views

1.下载插件

http://ueditor.baidu.com/website/download.html

Ueditor百度编辑器常用代码

2.安装插件

把zip解压下来,放到一个位置,比如,我用thinkphp的时候,放在根目录下的Public文件夹内

3.在要显示编辑器的页面引入文件

以下是完整代码:

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. </head>
  7. <body>
  8. <script type="text/javascript" src="__PUBLIC__/utf8-php/ueditor.config.js"></script>
  9. <script type="text/javascript" src="__PUBLIC__/utf8-php/ueditor.all.js"></script>
  10. <div style="width: 600px;">
  11. <textarea name="" id="myEditor" cols="30" rows="10" >
  12. </textarea>
  13. </div>
  14. <script type="text/javascript">
  15.     var editor = new UE.ui.Editor();
  16.     editor.render("myEditor");
  17.     //1.2.4以后可以使用一下代码实例化编辑器
  18.     //UE.getEditor('myEditor')
  19. </script>
  20. </body>
  21. </html>

效果图如下:

Ueditor百度编辑器常用代码

4.解决字数限制

ueditor默认字数限制是10000字,我们想设置1000000字怎么办,很简单,只需要一个动作

在ueditor.all.js里搜索maximumWords,找到如图位置

Ueditor百度编辑器常用代码

 

5.解决图片上传大小限制

ueditor默认最大上传图片是2MB,即2048000B,我们想设置4M怎么办,很简单,只需要一个动作

在php目录下的config.json里找到 imageMaxSize,如图

Ueditor百度编辑器常用代码

6.ueditor代码高亮

在对应页面添加如下代码

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

 

本文地址:http://liuyanzhao.com/562.html

转载请注明

 

  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: