位置: 编程技术 - 正文

nodejs后台集成ueditor富文本编辑器的实例(nodejs作为后端)

编辑:rootadmin

推荐整理分享nodejs后台集成ueditor富文本编辑器的实例(nodejs作为后端),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nodejs怎么做后端,node.js ui,nodejs怎么做后端,nodejs集成开发环境,nodejs怎么做后端,nodejs怎么做后端,node.js 后端,nodejs后端教程,内容如对您有帮助,希望把文章链接给更多的朋友!

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码..

1 下载ueditor nodejs版本

2 复制public目录下面的文件

到项目静态资源public文件夹下

3 在项目根目录创建ueditor文件夹

要复制进来的内容为

4 在根目录的 ueditor文件夹下执行 npm install 安装此目录下面package.json依赖的模块

nodejs后台集成ueditor富文本编辑器的实例(nodejs作为后端)

5 项目根目录下创建 ue.js 代码部分来自于

ue.js 代码

特别说明 默认ueditor上传的图片路径为 public/img/ueditor

6 路由设置 根目录下 app.js ---use()匹配的所有的路由/ueditor/ue,都会走 这个路由

7 后台模板使用富文本编辑器 --这里我后台主要发布文章的时候用到富文本编辑器

特别注意:一定要实例化

百度的这个富文本编辑器提供了很多种api 具体的请看

8 由于我使用form(post)方式向mysql数据库添加数据,所以在点击提交的按钮的时候,将富文本编辑器里面的内容 添加到 form的一个input里面

9 效果展示 --

本文链接地址:https://www.jiuchutong.com/biancheng/380877.html 转载请保留说明!

上一篇:node使用UEditor富文本编辑器的方法实例(node ffi)

下一篇:详解Node项目部署到云服务器上(node项目部署)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络