node使用UEditor富文本编辑器的方法实例

接下来我们安装ueditor 模块

$npm install ueditor --save 

ueditor模块有一个示例，照着修改就好了

修改app.js：

//加载ueditor 模块
var ueditor = require("ueditor"); 
//使用模块
app.use("/ueditor/ue", ueditor(path.join(__dirname, 'public'), function (req, res, next) {
  // ueditor 客户发起上传图片请求
  if (req.query.action === 'uploadimage') {
    var foo = req.ueditor; 
    var imgname = req.ueditor.filename; 
    var img_url = '/images/ueditor/';
    res.ue_up(img_url); //你只要输入要保存的地址 。保存操作交给ueditor来做
    res.setHeader('Content-Type', 'text/html');//IE8下载需要设置返回头尾text/html 不然json返回文件会被直接下载打开
  }
  // 客户端发起图片列表请求
  else if (req.query.action === 'listimage') {
    var dir_url = '/images/ueditor/';
    res.ue_list(dir_url); // 客户端会列出 dir_url 目录下的所有图片
  }
  // 客户端发起其它请求
  else {
    // console.log('config.json')
    res.setHeader('Content-Type', 'application/json');
    res.redirect('/ueditor/jsp/config.json');
  }
})); 

修改完成重启一下服务就好了，

5.其他配置

自动保存

//启用自动保存
,enableAutoSave: true
//自动保存间隔时间， 单位ms
,saveInterval: 500 

发现这样启用自动保存没有成功，不知道为什么。

另一个方法是在实例编辑器之后调用

//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
var ue = UE.getEditor('editor'); 
//注意一定要延时。要等这玩意载入成功。
setTimeout(function () {
  ue.execCommand('drafts');
}, 500); 

自动保存成功！！

取消自动保存

启用自动保存的时候会发现一直提示，是不是很烦，反正我是不能忍，怎么办呢？

设置一下自动保存间隔时间，把它设长一点就好了。

//启用自动保存
 ,enableAutoSave: true
 //自动保存间隔时间， 单位ms
 ,saveInterval: 500 * 60 *60 

这样烦人的自动保存提示就不会出来了。