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 */
    }
});

然后将文章图像定位在编辑区域上方。

总而言之，这不是一件轻而易举的事，但也不是你的问题： - ）

干杯，