Ueditor百度编辑器怎么用？

avatar 2017年01月25日12:28:20 1 3623 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
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

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

  

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