php引入百度Ueditor富文本编辑器

php引入百度Ueditor富文本编辑器

 

文本编辑器插件内容丰富，比起传统的textarea标签输入要好用很多，看看如何在页面实现引入吧

1.下载适合的资源包（可以去官网下载适合的版本），我是php引入

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

 

2.下载后解压放到一个位置。（我用的是TP框架，所以我放在了我的指定公共文件夹Pbulic下）

 

 

3.在页面中引入

首先在head标签里写引入资源包的路径，路径要写自己存放资源包的路径

 

<!-- 引入Ueditor -->     {load href="/static/ueditor/ueditor.config.js" /}     {load href="/static/ueditor/ueditor.all.min.js" /}     {load href="/static/ueditor/lang/zh-cn/zh-cn.js" /}

 

在需要插入的地方预留标签，可以是div 或者textarea 让标签的id 为content

 

 

在页面尾部添加获取到编辑器的js代码

    <script type="text/javascript">

        UE.getEditor('content',{initialFrameWidth:800,initialFrameHeight:200})

    </script>

现在页面就可以正常显示了