javascript - 具有非矩形边界的 TinyMCE

Question

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

想象一篇类似 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 */
    }
});

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

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

干杯，