• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

富文本编辑器(php)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

首先去ueditor的官网下载PHP版本的文件,网站地址:http://ueditor.baidu.com/website/download.html

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

前端代码:

1、引入ueditor的相关文件

<script src="ueditor/ueditor.config.js"></script>
<script src="ueditor/ueditor.all.min.js"></script>
<script src="ueditor/lang/zh-cn/zh-cn.js"></script>

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

<script type="text/plain" id="editor" name="Detail"></script>

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

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

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

<script>

UE.getEditor(\'editor\', {
   initialFrameWidth: 500, initialFrameHeight: 300, autoHeightEnabled: false,
   toolbars: [[\'fullscreen\', \'source\', \'undo\', \'redo\', \'simpleupload\', \'insertimage\']]
});

</script>

 

ueditor的配置文件更改:

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

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

 

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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
php搭建项目管理系统mantisbt发布时间:2022-07-10
下一篇:
PHP如何搭建百度Ueditor富文本编辑器发布时间:2022-07-10
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap