TinyMCE - 让 div 像 img 一样调整大小

Question

在 TinyMCE 编辑器中，是否可以像在图像上一样打开 div 上的调整大小手柄？

object_resizing 设置只能取 true、false、img 作为可能的值。
见https://www.tinymce.com/docs/configure/advanced-editing-behavior/#object_resizing

TinyMCE 源代码有一个 isResizable 函数，其中包含

if (typeof selector != 'string') {
  selector = 'table,img,figure.image,div';
}

还有一个 showResizeRect 函数激活调整大小的句柄。

我无法为 div 激活它。

这是我迄今为止测试过的：

editor.addButton('Test', {
  text: 'Test',
  onclick: function() {
    editor.selection.getNode().setAttribute("data-mce-resize","1");
    console.log(editor.selection.controlSelection.isResizable(editor.selection.getNode()));
    editor.selection.controlSelection.showResizeRect(editor.selection.getNode());
  }
});
isResizable is false

有什么线索吗？

Answer 1

您的代码对我来说是有效的： http://fiddle.tinymce.com/cugaab

我将类型添加到编辑器，突出显示并使用底部的 Formats>Blocks>Div 选项在其周围放置一个 div，使用您的测试按钮，我得到调整大小句柄和控制台日志“true”。 Resized div image