TinyMCE移動光標

Question

我想寫一個tinyMCE插件，允許嵌套sub和sup標籤。

現在我寫了一個命令，當你按下按鈕/擊中快捷鍵時，在光標處插入原始HTML''。但是，只有當我可以將光標移動到新標籤的中間時，這纔會起作用。

我似乎無法找到任何有關如何移動光標的文檔。有一些建議的黑客，但他們很hacky。這並不難，因爲據我瞭解，這是[b]和[i]按鈕的工作原理。

有沒有更好的方法來做到這一點？我怎樣才能編寫一個tinyMCE函數，讓用戶進入「子模式」或「sup模式」，並允許它們嵌套「sub」和「sup」模式？

謝謝！

Answer 1

該函數將光標設置爲指定的html元素。

// sets the cursor to the specified element, ed ist the editor instance 
// start defines if the cursor is to be set at the start or at the end 
setCursor: function (ed, element, start) { 

    var doc = ed.getDoc(); 
    if (typeof doc.createRange != "undefined") { 
     var range = doc.createRange(); 
     range.selectNodeContents(element); 
     range.collapse(start); 
     var win = doc.defaultView || doc.parentWindow; 
     var sel = win.getSelection(); 
     sel.removeAllRanges(); 
     sel.addRange(range); 
    } else if (typeof doc.body.createTextRange != "undefined") { 
     var textRange = doc.body.createTextRange(); 
     textRange.moveToElementText(element); 
     textRange.collapse(start); 
     textRange.select(); 
    } 
}, 

爲了嵌套sups，你需要確保sups和subs可以嵌套。請檢查extended_valid_elements和valid_elements配置參數。 sub和sup可能不會被默認嵌套！您需要覆蓋規則集的這部分內容。