html ueditor使用教程,ueditor编辑器配置及使用介绍

<1>:ueditor编辑器配置

fcd895e53c2608392b0ead59b5edb2e3.png

2:解压后,只需要保留utf8-php这个文件夹里面的内容就可以了

3:根据自己项目的需要配置到根目录的相应文件夹下,我是配置到根目录的public目录下,如下图

1d5d38bdfc86af2f021acd5858aaae7c.png

4:在html页面配置加载UEditor编辑器,加入三个js文件以及在页面初始化UEditor编辑器

04a5fa372d51383669f7d4db70c85166.png

5ee90fc48343ed7db932616546aac8fb.png

95e2662360d83cbabdf4101980696f37.png

这里的id="editor"就是初始化需要获取的id上下需要保持一下,

5:配置完后,在浏览器请求对应的页面会发现编辑器已经显示在html页面里了如下图

31aabdcf475887ff9bbade5e6790f012.png

到此ueditor编辑器配置已经完成,配置完成后如果需要跟php后台做交互需要做其它的配置修改

<2>:ueditor编辑器与php后台交互

1:编辑中上传的图片,文件,视频等默认有一个存储微指,在utf8-php/php/config.json文件中可以修改配置

例如图片的存储路径如下图,其它的存储在文件中都有默认配置,根据自己的需要可以做修改,

更具体的配置说明可以查看ueditor的文档说明,讲的比较详细,一看就明白了

4643008359de585f328a8acd4c63988b.png

比如我的为了统一管理文件都把图片,文件等配置在一个文件夹下:

175a91d97db01530816a526b5e7ea046.png

65200d076369c32eebea126bfef57f1f.png

2:在php后台服务端,如果需要接收编辑POST过去的内容,可以使用$_POST变量获取,

前面html页面中,代码为

在php后台服务端使用$_POST["content"]就能获取编辑器的内容,获取到内容就可以做入库操作了

29a9eb11b87e895a1f5cfdf3a93adb61.png

附:ueditor相关资料

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值