2010-02-10 76 views
5

我目前正在深化發展文本到符號的轉換工具(非營利性),而且我有這個問題的:jHtmlArea事件處理按鍵

對於文本的所見即所得編輯工作,我我喜歡用一個漂亮的小型wysiwyg編輯器(如jHtmlArea)。該編輯器將顯示浮動的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方法。我如何使用這個方法(= htmlarea).event?

這可能是一個相當初學者的問題,但我真的無能爲力。

謝謝

回答

0

我想你也許讓自己混同使用「這個」(我肯定努力跟蹤它是指!)。

作爲一個測試,你可以在

this.pasteHTML(...) 

$("#txtCustomHtmlArea").pasteHTML(...) 

也許

$("#txtCustomHtmlArea").editor.pasteHTML(...) 

更換,看看有沒有什麼幫助?

1

這裏是我如何做到這一點:

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

然後我可以參考:

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

這也給了我一個手柄,我從iframe之外的HTML區域對象。

+0

不錯的一個伴侶。清潔。 – 2013-06-26 12:56:02