nodejs后台集成的例子ueditor富文本编辑器

Uiditor是百度网页前端R&D部开发的一款所见即所得的富文本网页编辑器。它轻量级，可定制，注重用户体验。开源基于麻省理工协议，允许自由使用和修改代码.

1下载ueditor nodejs版本

2复制公共目录下的文件

转到项目静态资源的公共文件夹

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

要复制的内容是

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

5.在项目根目录下创建ue.js的代码来自

Ue.js代码

const express=require('express ')，path=require('path ')，ueditor=require('。/ueditor/')，路由器=express。路由器()；Router.use ('/')，u editor (path.join (process.cwd()，' public ')，function (req，RES，next){//客户端上传文件设置//console . log(req . query . action)；让action type=req . query . action；if(action type==' uploadimage ' | | action type==' uploadfile ' | | action type==' uploadvideo '){ let file _ URL='/img/ueditor/'；//默认图片上传地址/*其他上传格式的地址*/if(actiontype===' uploadfile '){ file _ URL='/file/ueditor/'；//附件} if(action type==' uploadvideo '){ file _ URL='/video/u editor/'；//video } RES . UE _ up(file _ URL)；//只需输入地址即可保存。将操作保存到ueditor for RES . set header(' content-type '，' text/html ')；}//客户端发起图片列表请求else if(req . query . action==' list image '){ let dir _ URL='/img/u editor/'；RES . UE _ list(dir _ URL)；//客户端将列出dir_url目录} else if (req)中的所有图片。query . action==' list file '){ let dir _ URL='/file/u editor/'；RES . UE _ list(dir _ URL)；//客户端会列出dir_url目录下的所有图片}//客户端发起其他请求else {//console . log(' config . JSON ')RES . setheader(' content-type '，' application/JSON ')；RES . redirect('/ueditor/nodejs/config . JSON ')；}}));module.exports=路由器；特别是，ueditor上传的默认图像路径是public/img/ueditor

6.路由设置根目录下app.js - use()匹配的所有路由/ueditor/ue都将遵循此路由

7背景模板使用富文本编辑器——这里我在后台发布文章时使用富文本编辑器

特别注意：一定要实例化

百度的富文本编辑器提供了多种API。详情请见他们

8因为我使用form(post)向mysql数据库添加数据，所以当我单击提交按钮时，我将富文本编辑器的内容添加到表单的输入中

$('button[type='submit']')。click(function(){ var conData=getContent()；$(“input . content”)。val(ConData)；});9效果显示-

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。