TinyMCE+;AngularJS-ng模型更新前触发的Keyup事件
我对AngularJS和TinyMCE编辑相当陌生。当我遇到这个问题时,我正在摆弄TinyMCE中可用的TinyMCE+;AngularJS-ng模型更新前触发的Keyup事件,angularjs,tinymce,angular-ui-tinymce,Angularjs,Tinymce,Angular Ui Tinymce,我对AngularJS和TinyMCE编辑相当陌生。当我遇到这个问题时,我正在摆弄TinyMCE中可用的keyup事件。在keyup处理程序中,我正在访问controller的ng模型之一。这就是事情开始变得奇怪的地方。我打印了ng model值和编辑器的内容以供比较,似乎ng model落后了1个键/字符,即编辑器的内容是最新的。我有一种预感,模型只有在keyup事件完成后才会更新。这就解释了为什么我在这里看到两个值。也许我走错了方向?说到这一点,访问编辑内容的最佳/正确方式是什么?通过棱角还
keyup
事件。在keyup
处理程序中,我正在访问controller
的ng模型之一。这就是事情开始变得奇怪的地方。我打印了ng model
值和编辑器的内容以供比较,似乎ng model
落后了1个键/字符,即编辑器的内容是最新的。我有一种预感,模型只有在keyup事件完成后才会更新。这就解释了为什么我在这里看到两个值。也许我走错了方向?说到这一点,访问编辑内容的最佳/正确方式是什么?通过棱角还是微小
如果有帮助,代码看起来是这样的(它们被放在一个控制器下
):-
以前有人遇到过这个问题吗
提前谢谢你的帮助 你找到解决上述问题的办法了吗?“我也面临着同样的问题,”西瓦拉基尼说。相反,我创建了一个解决问题的方法。本质上,我使用TinyMCE的keyup处理程序来计算编辑器中当前的字数。然后,我将该计数分配给控制器范围内的一个变量。这样,我的控制器就可以在需要时访问wordCount。对我来说,它起到了作用。不幸的是,我还没有收到TinyMCE开发人员关于解决这个问题的回复。不过,他仍将保持警戒。希望有帮助。:)你找到解决上述问题的办法了吗?“我也面临着同样的问题,”西瓦拉基尼说。相反,我创建了一个解决问题的方法。本质上,我使用TinyMCE的keyup处理程序来计算编辑器中当前的字数。然后,我将该计数分配给控制器范围内的一个变量。这样,我的控制器就可以在需要时访问wordCount。对我来说,它起到了作用。不幸的是,我还没有收到TinyMCE开发人员关于解决这个问题的回复。不过,他仍将保持警戒。希望有帮助。:)
...
this.text = "";
var viewModel = this;
this.tinymceOptions = {
setup: function (editor) {
editor.on('keyup', function (e) {
console.log(editor.getContent());
console.log(viewModel.text);
});
},
...
};