解决 CKEditor 在blur时 用 getData() 不能实时/及时/立即获取数据内容

DumbbellYang 2012-10-06

原文及更多精彩,在这里: http://yysource.sourceforge.net/?p=62

当 CKEditor 的内容是“1111”时,鼠标移出编译器并点击,则触发 blur 事件,此时用 getData() 可能无法获取到实时的内容,获取的结果很可能为空。所以比较好的办法是这样:

window.exView = Backbone.View.extend({
		editorRender: function () {
			editor.on("blur", function(e) {
				e.listenerData.model.set("ha_body", this.document.getBody().$.innerHTML);
			}, null, this);
		},
	});
先简单介绍一下:此段代码是在一个 Backbone 框架的View类里面,调用 CKEditor 的专用事件绑定函数 on 对 blur 事件进行绑定。调用 on 时传进去的 this 是 exView 对象,这样 exView 对象在 on 的匿名函数里面就会以 e.listenerData 的形式存在,e.listenerData.model 是 Backbone.Model 类的扩展。

重点:this.document.getBody().$.innerHTML 就是 CKEditor 编辑器里的实时内容了。

相关推荐