TinyMCE添加運行時樣式以禁用編輯元素

Question

我正嘗試爲我的簡碼創建更好的「編輯器」預覽。

所以，我用CSS歸類申報單，我可以通過編輯-styles.css的樣式，像這樣包裝他們：

if (customid != 0 && customid == 'divider_bar_soft_up'){ 
     tagtext = "<div class=\"my_editor_style mceItemNoResize\">["+ customid + "/]</div>"; 
    } 

除了mceItemNoResize類不連接到元素時，工作正常其轉入編輯。在編輯器中的源代碼如下所示：

<div class="my_editor_style">[divider_bar_soft_up/]</div> 

我的問題是「我怎樣才能應用自定義CSS類或樣式到這個元素，使其不能被無意中編輯

（比移動或刪除等）？

我正在試圖防止意外插入他們的光標我的包裝的div內的用戶，並開始打字。

Answer 1

嗯，你能趕上點擊包裝股利和return false事件。

示例： 如果指定的元素已被單擊並在該元素之後移動光標，則檢查是否發生ckick。請注意，如果您在該div內有更多的html元素，您需要進行輔助檢查。

ed.on('init', function(e){ 
    ed.on('click', function(evt){ 
     if (evt.target == 'DIV' && evt.target.className == 'my_editor_style') 
     { 
      // remove selection 
      ed.selection.select(evt.target); 
      // collapse selection range to end 
      ed.selection.collapse(0); 
     } 
    }); 
});