Ueditor百度编辑器怎么用?

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 转载请注明
 

发表评论

目前评论:1