nodejs+expree项目中如何使用百度编辑器ueditor

最新推荐文章于 2022-06-08 22:35:05 发布
最新推荐文章于 2022-06-08 22:35:05 发布
阅读量971 收藏
点赞数
分类专栏： nodejs+express 文章标签： ueditor nodejs+express
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zmooooo/article/details/80546180
版权

最近因项目需要，需要一款强大的富文本编辑器，经上司推荐决定使用ueditor。

使用方法：

1、在官网上下载你所需要的ueditor的版本，把整个ueditor引入到自己的项目中


2、在所需要的页面中引入这三个文件


3、配置ueditor.config.js文件


4、接下来就是route层的接收和上传配置


 

 

url即为ueditor回显时的img的src值

                

        

        

    

  


    

      

        

            

              
                
                  zmooooo
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
ueditor-node.js版本

				
			

			

				

					11-25
				

			

		

		

			
				
ueditor-node.js版本

			
		

	



                

              
                



	

		

			

				
					
nodeJS部署ueditor富文本编辑器

				
			

			

				

					weixin_30699463的博客
				

				

					11-16
					
					274
					
				

			

		

		

			
				
在做一个私人项目的时候需要用到在线富文本编辑器，多方寻觅后选定百度的ueditor，不过，竟然不支持nodeJS后台。
查！
找很多博客，很多教程，最后捋了一个自认为还算清晰的思路来。

以独立小demo将知识点总结如下：

材料：
　　1.一张用来装编辑器的html页面
　　2.一个ueditor完整包（官方有php包、ASP包。Java包，随便下载一个），注意，有的包可能...

			
		

	



                


  
              

                


	

		

			

				
					
【学习笔记】 ueditor在nodejs中使用

				
			

			

				

					qq_34072096的博客
				

				

					11-22
					
					1008
					
				

			

		

		

			
				
萌新在学nodejs，虽然听别人说这个百度的富文本已经没用了，但是会一样东西还是不错的，这里也是搞了好久，自己终于搞懂了，写下笔记
首先安装下需要的环境
npm i express body-parser art-template express-art-template


创建需要的文件夹 views，public，upload

创建app.js进行配置

在views下创建文件index.html,把ueditor拉进去，现在的github上的ueditor已经和大部分教程的不一样了，我自己又是新手

			
		

	





	

		

			

				
					
Node.js开发 ---- ueditor for nodejs

				
			

			

				

					uuoodd1999的博客
				

				

					12-13
					
					3578
					
				

			

		

		

			
				
GET方法
index.htm

	
		
			First Name:   
			Last Name: 
			
		
	

server.js
var express = require('express');
var app = express();

app.use(express.static('public'));

app.get('/index.htm', functio

			
		

	



		

			
		



	

		

			

				
					
Nodejs express  百度富文本UEditor 插件使用和多图上传配置教程

				
			

			

				

					HokXiaoLong
				

				

					05-20
					
					1612
					
				

			

		

		

			
				
当我们制作后台功能遇到后台内容方面的功能一般会图文并茂 这时候使用一个插件大大减少了我们的工作量且使用起来很NB

1.下载百度富文本编辑器UEditor

附上地址：

开发版：https://ueditor.baidu.com/website/download.html#ueditor

Mini版：https://ueditor.baidu.com/website/download.html...

			
		

	





	

		

			

				
					
基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip

				
			

			

				

					01-11
				

			

		

		

			
				
基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip基于Nodejs+TypeScript+Koa+MySQL实现的宿舍管理系统源码(前端+后端)+使用说明+sql数据库.zip基于Nodejs+TypeScript+Koa+...

			
		

	





	

		

			

				
					
vue-nodejs-blog：vue + nodejs + express + mysql + ueditor前放置分离博客项目

				
			

			

				

					02-05
				

			

		

		

			
				
现在过了两年回头再看本项目，确实有很多不足，但项目中用到的一些工具和方法今天来看依然没有过时，作为入门的项目仍然尚可。 vue 3.0今年已经面世，本项目将来不会再进行功能性的更新，但会偶尔解决一些依赖的

			
		

	





	

		

			

				
					
nodejs+mongodb+vue前后台配置ueditor的示例代码

				
			

			

				

					12-23
				

			

		

		

			
				
笔者在做一个个人博客项目的时候需要一个富文本框输入组件与后台进行交互，但是官方配置里面没有关于nodejs的，于是自己查阅资料研究了一下，最后终于应用到了系统中。 一、后台配置 首先是找到了这个项目：...

			
		

	





	

		

			

				
					
基于nodejs+mysql开发的新闻聚合网站源代码+数据库+详细项目文档

					
最新发布

				
			

			

				

					09-17
				

			

		

		

			
				
基于nodejs+mysql开发的新闻聚合网站源代码+数据库+详细项目文档 操作系统：Window10 系统 开发语言：Java 开发平台：webstorm + eclipse + android studio 前端开发：html + js + css + bootstrap 框架 后端开发：...

			
		

	





	

		

			

				
					
node.js koa2 百度富文本编辑器源代码及使用详细教程

				
			

			

				

					05-09
				

			

		

		

			
				
node.js koa2 百度富文本编辑器源代码及使用详细教程。
node.js koa2 百度富文本编辑器源代码及使用详细教程。
node.js koa2 百度富文本编辑器源代码及使用详细教程。


			
		

	





	

		

			

				
					
nodejs小记之Ueditor的配置

				
			

			

				

					董庆贺的专栏
				

				

					04-07
					
					4012
					
				

			

		

		

			
				
本文章只记录过程，不讲解原理。
下面所有的操作都在搭建好的express工程下，express配置参考前面的文章。安装Ueditornpm install --save ueditor提取ueditor需要的文件把ueditor里面所给的example中的public文件复制到express工程下的public文件夹 
编辑上传图片的服务器根据example中的app.js 更改自己的服务器。 
把

			
		

	





	

		

			

				
					
node.js 集成 ueditor 步骤及注意事项

				
			

			

				

					wsh2467991332的博客
				

				

					04-16
					
					1579
					
				

			

		

		

			
				
这里是我费了一天的心思总算成功的搞好了 node.js 与 ueditor 集成的过程。做一个小白真难啊，非摸着石头过河。今天心好累，要多说一点废话。完成这个内容之前，首先你得保证你引用ueditor的界面在 nodejs 项目中。以我的界面为例，就在 myapp/public 下。我的项目目录如下：如果不再同个项目下，就会出现跨域问题，解决了 HTTP 没配置好之后，会告诉你各种文件出错，各种引...

			
		

	





	

		

			

				
					
html富文本编辑器与nodejs,关于Node.js直接使用Html及配置Ueditor编辑器

				
			

			

				

					weixin_30713705的博客
				

				

					06-10
					
					202
					
				

			

		

		

			
				
特别好的一篇参考博客——node.js配置ueditor：###一、配置Html，无需ejs或者jade模板app.js中配置：// view engine setupapp.set('views', path.join(__dirname, 'views'));app.engine('.html', require('ejs').__express);app.set('view engine',...

			
		

	





	

		

			

				
					
UEditor+nodejs+seaweedfs图片服务器搭建

				
			

			

				

					weixin_34130389的博客
				

				

					08-29
					
					395
					
				

			

		

		

			
				
2019独角兽企业重金招聘Python工程师标准>>>   
                                        
         ...

			
		

	





	

		

			

				
					
node实现ueditor上传接口

				
			

			

				

					不晓笙的博客
				

				

					05-22
					
					1128
					
				

			

		

		

			
				
node实现ueditor上传接口

步骤

1. 编写接口

特别注意的，ueditor请求分为两块，get请求传递action，post请求传递上传所需参数，在写接口时应写为use



router.use('/ue/upload', api.Upload.ueditorUpload)

2. 获取action



let ActionType = req.query.action

3....

			
		

	





	

		

			

				
					
node.js集成百度UE编辑器

				
			

			

				

					
				

				

					06-23
					
					295
					
				

			

		

		

			
				
摘要：
　　最近在搭建自己的博客，这一段时间可能没有时间来写博客了，但是有了好东西还是要分享给大家。博客网站必然要有编辑文章的编辑器，所以在网上查了些资料。大部分编辑器的后台是基于java、php、asp等，很少有基于node.js的。本来是想用markdown来写文章，但是样式不好调，所以最终还是选择了百度的ueditor，其官网上并没有基于node.js的代码。但是幸运的是我在github上

			
		

	





	

		

			

				
					
nodejs express框架如何使用ueditor

				
			

			

				

					清风的编程博客
				

				

					06-08
					
					300
					
				

			

		

		

			
				
ueditor如何在express中使用。

			
		

	





	

		

			

				
					
在nodejs中使用富文本编辑器UEditor

					
热门推荐

				
			

			

				

					liudabaozhangxiaobei的专栏
				

				

					08-11
					
					1万+
					
				

			

		

		

			
				
最近开发过程中遇到要某个商品添加描述的字段。由于我们后台使用的是nodejs开发。在网上找到了一个第三方的插件UEditor




UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。
官方网站：http://ueditor.baidu.com/website/
 
使

			
		

	





	

		

			

				
					
express

				
			

			

				

					Wang_0_的博客
				

				

					01-14
					
					1718
					
				

			

		

		

			
				
express


1.创建方式

（1）导入express模块

var express=require('express');

（2） 调用方法，返回app

var app=express();

（3）端口监听 最后执行

app.listen(55555);//异步
2.定义方式 
根据不同的客户端请求，返回不同的响应
3.app上的方法（app本质：请求监听函数）

get

app

			
		

	





	

		

			

				
					

				
			

			

				

					
				

			

		

		

			
				

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值