博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ueditor编辑器配置及使用介绍
阅读量:6317 次
发布时间:2019-06-22

本文共 783 字,大约阅读时间需要 2 分钟。

hot3.png

<1>:ueditor编辑器配置

1:首先去官网下载安装包

154721_MW5m_1447974.png

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

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

155323_56Zw_1447974.jpg

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

155823_4LtG_1447974.png

160048_rrKO_1447974.png

160048_lQLB_1447974.png

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

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

160543_hcQZ_1447974.png

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

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

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

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

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

161115_SfAL_1447974.png

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

161611_udbS_1447974.png

161610_cDtf_1447974.png

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

前面html页面中,代码为

<script id="editor" type="text/plain" name="content" style="width:1024px;height:500px;">

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

162005_AKsl_1447974.png

附:ueditor相关资料

1:ueditor入门配置

2:ueditor常用设置函数大全

转载于:https://my.oschina.net/u/1447974/blog/524087

你可能感兴趣的文章
linux指令学习系列
查看>>
Ubuntu Nginx 启动脚本/重启脚本
查看>>
zookeeper 在windows安装
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
批量在数据库的一个列中添加文件中的ip
查看>>
[arm驱动]linux驱动程序基础篇目录
查看>>
我的友情链接
查看>>
Leetcode PHP题解--D33 700. Search in a Binary Search Tree
查看>>
python文件路径操作大全
查看>>
《Android深入透析》之Android事件分发机制
查看>>
linux不中病毒的原因
查看>>
文件下载
查看>>
新笔记本使用五忌
查看>>
Android开发之旅:环境搭建及HelloWorld
查看>>
js获取url参数
查看>>
BigDecimal的方法演示
查看>>
拥抱javascript的Promise
查看>>
测试angular中的controller
查看>>
Actor References, Paths and Addresses 20
查看>>