Ueditor百度编辑器怎么用？

avatar 2017年01月25日12:28:20 1 3044 views
博主分享免费Java教学视频，B站账号：Java刘哥

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 转载请注明
 
历史上的今天
一月
25日
  • 微信
  • 交流学习，有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享，问题解决，技术交流。群号：590480292
  • weinxin
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：0   待审核评论数：0