TinyMCE - 使 div 像 img 一样可调整大小

Question

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

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

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

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"。 调整大小的div 图像