2012-02-15 50 views
2

我正在使用dojo編輯器。我有一個問題,所以你可以幫我解決這個問題 。如何添加事件監聽器到dojo編輯器的內容?

我的問題是:我怎麼可以添加事件偵聽器,標籤,我輸入到編輯器如onClick,的onmouseover,等等

比如:我輸入的圖像標籤編輯內容:

var ed=dijit.byId("myEditor"); //my editor has id id myEditor 
var img = "<img src='myPic.jpg' alt='' id='myPic'/>"; //my image tag 
ed.forcus(); 
ed.execCommand("inserthtml", img); //insert image tag into editor content 

插入圖像標記編輯器後,現在我想添加「點擊」事件,因爲我想單擊圖像和小工具提示顯示選擇對準該圖像向左或向右。

感謝您的任何建議!

回答

2

看看我的jsfiddle例如:http://jsfiddle.net/phusick/j475Q/

基本上你要連接的節點爲editor.editNode

var editor = dijit.byId("editor"); 
dojo.connect(editor.editNode, "ondblclick", this, "_onDblClick"); 

之後,在_onDblClick方法,你必須找出哪種節點被dblclicked並決定是否採取行動:

_onDblClick: function(e) { 
    var target = e.target; 
    var tag = target.tagName ? target.tagName.toLowerCase() : ""; 
    if(tag == "img") {   
     dojo.withGlobal(editor.window, "selectElement", selectionapi, [target]); 
    } 
} 

我在找到了這個10插件(dijit/_editor/plugins/LinkDialog.js)。在那裏尋找更多靈感。

+0

順便說一句,jsFiddle中的代碼就是將圖像向左或向右對齊所需的一切。代碼選擇圖像,選擇時標準工具欄對齊按鈕也會應用於圖像。 – phusick 2012-02-15 13:36:29

+0

非常感謝你phusick!這幫助我很多:D – JaclBlack 2012-02-16 05:11:49

相關問題