带有非矩形边界的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 */ 
    } 
}); 

然后位置的物品的图像流编辑器区域的上方。

所有的一切并不容易，但也不是你的问题:-)

干杯，