tp5.0使用百度富文本Ueditor上传图文,开发环境 Lamp

百度富文本上传图片和文字非常方便,而且使后台文本域变得相对丰富和美观,话不多说,让我们进入百度富文本的学习,纯干货又简单。
1、下载ueditor
点击进入官网下载
下载后重命名为ueditor放置在我们的tp5目录中,我放在了public/static/admin/ueditor。
2、前端引入,在我们的h5页面中引入两个js 文件
<script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"> </script> <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>
在body里写个实例<textarea name="tagpresent" id="con1"></textarea>
然后在下方实例化编辑器,让id值和第一个参数相同

 ` <script>UE.getEditor('con1', {initialFrameWidth: 782, initialFrameHeight: 400,});</script>` 

3、修改ueditor/php/config.json
最重要的参数是imagePathFormat,是存储上传本地图片的路径,这个是要修改的,比如你的服务器地址为1XX.2XX.1XX.2XX,项目名为tp5,那imagePathformat要改为/tp5/public/static/admin/ueditor/php/upload/image/{yyyy} {mm}{dd}/{time}{rand:6}
好的,本篇文章就到这里,希望对大家有所帮助。

猜你喜欢

转载自blog.csdn.net/qq_42697053/article/details/84306452