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＆gt; Blocks＆gt; Div选项将div放在它周围，使用测试按钮，我得到调整大小句柄和控制台日志'true'。 Resized div image

TinyMCE - 使div可以像img

1 个答案: