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

推荐整理分享node使用UEditor富文本编辑器的方法实例(node ffi)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:nodeviode,node edit,node uuid,node uuid,node edit,node edit,node ui,node editor,内容如对您有帮助，希望把文章链接给更多的朋友！

大部分编辑器的后台是基于java、php、asp等,很少有基于node.js的。今天就做一个基于node的

最近在做一个微信素材编辑器的小项目，使用到了UEditor编辑器，使用中出现了许多问题。

1.介绍

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

2.下载

下载地址 ： ，因为我们使用node ,所以随便下一个版本，这里下载1.4.3.3 jsp 版本

下载完成解压。

3.创建项目

使用express生成器生成一个项目,并安装好依赖模块

把刚刚压缩好的文件重命名为ueditor 放入ue-test/pubilc 中

修改index.ejs页面:

然后启动项目，编辑器初始化成功！（注意引入文件路径的问题，如果初始化失败可以f查看报错进行调试）

我们这里为什么要这样引入路径 可以看这里 （API）

4.后端配置

仅仅这样是不能进行上传的

我们需要要配置后端文件。

修改 ueditor.config.js 文件

接下来我们安装ueditor 模块

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

修改app.js：

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

5.其他配置

自动保存

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

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

自动保存成功！！

取消自动保存

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

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

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

只取消提示

上面我取消自动保存之后会发现使用起来不舒服，每次刷新页面，上次编辑的就没有了。

我们能不能只取消提示，而保留自动保存功能呢。

我在网上找了下，并没有发现。

那我们就自己写一个简单的保存吧。

我们可以使用html5的 localStorage 本地存储功能，当我们离开当前页面时候，把编辑器内容存储到本地，进入页面时候提取数据。上代码：

6.添加音乐

添加音乐好坑啊，

这是什么鬼，我要的是这样的效果好么。

要不然你就这样也好

有会的老司机请指导指导！

7.解决图片过大超出编辑器

有时候图片宽度超出了编辑器的宽度，我们会想让他等比缩放

在配置里面找了下，没找到这个配置。不过编辑器提供了一个iframe.css让我们写自己的配置

我们可以在里面设置:

这样图片再怎么拉伸宽度都超不过边界。别看很简单，但是花了不少时间研究。