javascript - 具有非矩形边界的 TinyMCE

Question

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

想象一下这样的新闻文章。我可以让整个故事正文成为 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 */
    }
});

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

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

干杯，