php中html富文本编辑器,富文本编辑器(php)(示例代码)

本文详细介绍了如何将ueditor编辑器整合到项目中,包括前端引入编辑器文件、设置编辑器属性,如宽度、高度、工具栏等。同时,讲解了配置文件ueditor/php/config.json中imagePathFormat的修改,以匹配项目图片保存路径。最后,提到了PHP接收表单提交的值方法,即通过$_POST['Detail']获取编辑器内容并存储到数据库。
摘要由CSDN通过智能技术生成

然后解压出来 改名为ueditor 并放到项目文件中。

前端代码:

1、引入ueditor的相关文件

2、在body标签中放进该标签

name属性是为了php文件获取值,用$_POST[‘Detail‘]就可以了

3、配置一下该编辑器的属性,在script标签中

首先要获取id,自己设置 的id,在这里我自己弄了宽和高 ,有个滚动效果,并减少了工具栏的很多功能,因为我主要是图片上传

UE.getEditor(‘editor‘, {

initialFrameWidth: 500, initialFrameHeight: 300, autoHeightEnabled: false,

toolbars: [[‘fullscreen‘, ‘source‘, ‘undo‘, ‘redo‘, ‘simpleupload‘, ‘insertimage‘]]

});

ueditor的配置文件更改:

ueditor/php/config.json文件的imagePathFormat需要改为你自己项目保存图片的文件夹,比如我的就是"imagePathFormat": "/back/image/{filename}"

至于imageUrlPrefix这个配置项,php一般是不需要更改的

最后就是php文件了,就是form表单提交一样接受name属性就好了,$_POST[‘Detail‘],然后就插入数据库。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值