帶有非矩形邊界的TinyMCE

Question

我想使用TinyMCE對WYSIWYG支持對頁面主體的內聯編輯。棘手的是我的頁面主體不一定是矩形或正常textarea的形狀。

想象一下像this one這樣的新聞文章。我可以讓整個故事主體成爲TinyMCE的一個實例，這樣我的編輯器就可以在主角圖像和「不要錯過」部分的上方和下方環繞了嗎？

換句話說，我會使用TinyMCE（或其他編輯器）來支持現有頁面元素（如圖像，導航等）的包裝。由於TinyMCE實際上並未使用textarea進行格式化，因此應該有可能，對？

Answer 1

如果您知道圖像的流入的尺寸，你可以使用一點TinyMCE的配置，創造內部 TinyMCE的編輯器的佔位符使它的內容流周圍，並同時奠定圖像以上編輯窗口。

喜歡：

tinyMCE.init({ 
    ... 
    oninit : function() { 
     /* create '<div style="float:left;width:100px;height:100px"/>' 
     and insert it in front of the actual TinyMCE data. 
     */ 
    }, 
    save_callback : function() { 
     /* remove the div created with oninit */ 
    } 
}); 

然後位置的物品的圖像流編輯器區域的上方。

所有的一切並不容易，但也不是你的問題:-)

乾杯，