javascript - 按键的 jHtmlArea 事件处理

Question

我目前正在开发一个文本到符号的转换工具(非盈利)，但我遇到了这个问题:

对于文本的所见即所得编辑，我想使用一个漂亮的小型所见即所得编辑器(如 jHtmlArea)。此编辑器将显示 float div，因此我将不得不拦截大量按键(空格/箭头/等)

目前，我的 html 区域是这样加载的:

<script type="text/javascript">    
$(function() {
            $("#txtCustomHtmlArea").htmlarea({
                 loaded: function() {
                 $(this.editor).keydown(function(event) { 
                     if(event.keyCode == 32) {
                         this.pasteHTML('<b>test</b>');
                         return false;
                     }

                     return true;
                });
            }

此代码的问题在于 this.editor 没有方法 pasteHTML。如何从 this(=htmlarea).event 使用这个方法？

这很可能是一个相当初级的问题，但我真的不知道该去哪里找。

谢谢

Answer 1

这是我的做法:

    $("#my-text-area").htmlarea({
        loaded: function () {
            $.myControl = { jhtmlarea: this };
        }
    });

然后我可以引用:

$($.myControl.jhtmlarea.editor.body).keypress(function (e) { });

这也为我提供了从 iFrame 外部访问我的 html 区域对象的句柄。