具有非矩形边界的 TinyMCE

Question

我想使用 TinyMCE 来支持页面正文的内联编辑。棘手的是我的页面正文不一定是矩形或普通文本区域的形状。

想象一下像this one 这样的新闻文章。我可以让整个故事正文成为 TinyMCE 的实例，以便我的编辑器在主要图片和“不要错过”部分的上方和下方换行吗？

换句话说，我会使用 TinyMCE（或其他编辑器）来支持环绕现有页面元素，如图像、导航等。由于 TinyMCE 实际上并不使用文本区域进行格式化，这应该是可能的，对吧?

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

然后将文章图像放置在编辑器区域上方。

总而言之不是微不足道的，但你的问题也不是:-)

干杯，