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}
好的,本篇文章就到这里,希望对大家有所帮助。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值