1.下载插件
http://ueditor.baidu.com/website/download.html
![Ueditor百度编辑器常用代码](https://oss.liuyanzhao.com/uploads/2017/02/cfaa2bff87f79fb7a0815407534309a8.png)
2.安装插件
把zip解压下来,放到一个位置,比如,我用thinkphp的时候,放在根目录下的Public文件夹内
3.在要显示编辑器的页面引入文件
以下是完整代码:
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- </head>
- <body>
- <script type="text/javascript" src="__PUBLIC__/utf8-php/ueditor.config.js"></script>
- <script type="text/javascript" src="__PUBLIC__/utf8-php/ueditor.all.js"></script>
- <div style="width: 600px;">
- <textarea name="" id="myEditor" cols="30" rows="10" >
- </textarea>
- </div>
- <script type="text/javascript">
- var editor = new UE.ui.Editor();
- editor.render("myEditor");
- //1.2.4以后可以使用一下代码实例化编辑器
- //UE.getEditor('myEditor')
- </script>
- </body>
- </html>
效果图如下:
![Ueditor百度编辑器常用代码](https://oss.liuyanzhao.com/uploads/2017/02/d6c9f8698a8451b047adf7fee191422b.png)
4.解决字数限制
ueditor默认字数限制是10000字,我们想设置1000000字怎么办,很简单,只需要一个动作
在ueditor.all.js里搜索maximumWords,找到如图位置
![Ueditor百度编辑器常用代码](https://oss.liuyanzhao.com/uploads/2017/02/6b33a9b2aaab3cb435808f182870798d.png)
5.解决图片上传大小限制
ueditor默认最大上传图片是2MB,即2048000B,我们想设置4M怎么办,很简单,只需要一个动作
在php目录下的config.json里找到 imageMaxSize,如图
![Ueditor百度编辑器常用代码](https://oss.liuyanzhao.com/uploads/2017/02/f90f6b275fcc074054c8e3e9ed2755d2.png)
6.ueditor代码高亮
在对应页面添加如下代码
- <script type="text/javascript" src="__PUBLIC__/UEditor/third-party/SyntaxHighlighter/shCore.js"></script>
- <link rel="stylesheet" href="__PUBLIC__/UEditor/third-party/SyntaxHighlighter/shCoreDefault.css">
- <script type="text/javascript">
- SyntaxHighlighter.all();
- </script>
本文地址:http://liuyanzhao.com/562.html
转载请注明
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助
赏