TinyMCE KeyDown事件不能使用jQuery

时间:2018-04-27 13:57:17

标签: jquery tinymce

我遇到了在TinyMCE中使用keydown事件的问题。我已经尝试了所有我能想到但却没有成功的事情。我的设置是:

var tinyOptions={
    height: "400px",
    width: "1250px",
    script_url : 'https://cloud.tinymce.com/stable/tinymce.min.js',
    theme : "modern",
    plugins: 'print preview fullpage powerpaste searchreplace autolink   directionality advcode visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists textcolor wordcount tinymcespellchecker a11ychecker imagetools mediaembed  linkchecker contextmenu colorpicker textpattern help',
    toolbar1: 'formatselect | bold italic strikethrough forecolor backcolor | link | alignleft aligncenter alignright alignjustify  | numlist bullist outdent indent  | removeformat',
    content_css: "/adex/mvc/public/css/content.css",
    forced_root_block: true
};
var editor=$("#memo").tinymce(tinyOptions);
editor.on('keyup', function(e) {
    //console.log('init event', e);
    console.log('Editor contents was modified. Contents: ' + editor.getContent());
});

我也尝试过:

init_instance_callback: function (editor) {
    editor.on('keyup', function (e) {
      console.log('Element clicked:', e.target.nodeName);
    });
}

我想要做的是在字段中允许标签。我从TinyMCE收到Javascript错误。错误是:

TypeError: i.toLowerCase is not a function. (In 'i.toLowerCase()', 'i.toLowerCase' is undefined)

我不知道是否会导致这个问题。

1 个答案:

答案 0 :(得分:0)

这是一个TinyMCE小提琴,展示了如何捕获keydown事件:

http://fiddle.tinymce.com/drgaab

在示例中,我确定按下了什么键,如果是输入键,我会停止按键发生。所有其他键都正常处理。

注意: 您的第一个示例失败,因为superadmin是jQuery对象,而不是TinyMCE编辑器实例,因此editor不是在jQuery对象上有效。