首先去ueditor的官网下载PHP版本的文件,网站地址://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/300
全部评价
可交换机
5个月前
  • 中方有力回击!美国多个行业喊痛:“加征关税就是对美国消费者征税” 2019-04-26
  • 日本将成人年龄下调至18岁 女性结婚年龄上调至18岁 2019-04-19
  • 石家庄已安装2万智能井盖 具有防坠防盗静音等功能 2019-04-19
  • 说【“腐败分子是天上掉下来的吗?”——这是四两千斤向第十阶层发问】纯属造谣。{千金}先生这是对【风水神】本人的发问,我的唯一个回帖是给{千金}:这个跟帖回得好。 2019-04-19
  • 高清:葡萄牙明晨对阵西班牙 C罗领衔球队认真备战 2019-04-19
  • 北非花园迎来足球春天 遭遇"死亡之组"拒绝跑龙套 2019-04-18
  • 端午小长假我市旅游总收入同比增20.5% 2019-04-10
  • 重庆私藏的绝美古镇 悠闲不打挤 2019-04-01
  • Foreign ambassadors on Chinas contribution to global governance 2019-03-30
  • 广西频道IP定向--广西频道--人民网 2019-03-30
  • 云南玉溪纪检监察机关认真开展端午节纪律作风检查 2019-03-27
  • 主持人资料库——鲁豫 2019-03-27
  • 魅蓝S6评测:全面均衡的千元全面屏标杆 2019-03-25
  • 都昌一代课教师无证上岗体罚学生? 县教体局称将辞退 2019-03-24
  • 视频来了!记者体验渝贵铁路重庆首发列车 2019-03-24
  • 751| 868| 106| 986| 706| 644| 94| 91| 57| 119|