简单易懂的ueditor新手教程
ueditor的使用(新手教程)
ueditor使用相当广泛,在各种留言或者文章系统运用很多,最近做了一个简单的官网,后台需要用ueditor发布新闻。写一点走过的坑。
ueditor的安装
安装十分简单,去官网下载即可,https://ueditor.baidu.com/website/download.html 我的项目使用php写的,下载对应版本即可
ueditor的配置
先把文件拷贝进我们的项目,调用编辑器,并且引入以下三个文件,注意这里问为文件路径! 需要js实例化出编辑器,并且在此我们添加了提交表单功能
这样我们的demo就引入成功了
图片路径配置
打开ueditor->php->config.json,找到第12行,这是我们图片的上传路径,我的文件夹为app_proj下的uploads,后面的各种图片或者视频也做更改
把编辑好的图文存入数据库
用了最简单的方法,先提交到别的页面,然后插入数据库
我们对一篇文章进行简单排版,然后提交
同时,在本地文件app_proj->uploads下生成了这个文件,图片上传成功!
打开数据库,我们看到插入成功了,而且是已经带有html标签和css样式的
接下来就是把文章显示到前端了
前端也只是简单地从数据库select出来,无需任何多余函数
结果如图