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

只取消提示

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

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

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

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

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

 //实例化编辑器
var ue = UE.getEditor('editor');
$(function() {
  //初始化数据,读localstroage
 var allData = {};
 if (localStorage.getItem('ueditor_content')!=null && localStorage.getItem('ueditor_content')!="") {
    allData =  JSON.parse(localStorage.getItem('ueditor_content'));
  }  
 //延时加载数据 要等编辑器加载成功，反正我不延时的时候没有成功。
 setTimeout(function () {
    ue.setContent (allData)
 }, 500);  
 //离开页面或者刷新页面触发方法
  window.onbeforeunload = function() {
    localStorage.setItem("ueditor_content", JSON.stringify(ue.getContent()));
  }  
}) 

6.添加音乐

添加音乐好坑啊，

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

要不然你就这样也好

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

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

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

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

我们可以在里面设置:

img {
 max-width: 100%; /*图片自适应宽度*/
}
  

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