javascript - 使用tinymce控件时无法调整表格大小

Question

我们正在使用 TinyMCE 4，我们的用户感到恼火的是，您无法在tinymce文本区域编辑器中拖动表格的宽度和高度并进行更改。这对于tinymce 来说似乎是不可能的。调整表格的唯一方法是进入菜单选择表格并修改宽度/高度(以像素为单位)的值。我们的大多数用户甚至不知道像素是什么。

我尝试使用某人为 TinyMCE 3.3 编写的插件 http://sourceforge.net/p/tinymce/plugins/163/

但是这个插件不适用于TinyMCE 4，我也不明白如何修改这个插件以使其适用于4.0。最近有人在这里问过(不是我)但没有得到回应:

http://www.tinymce.com/forum/viewtopic.php?id=34454

当前 Chrome 中发生的情况是，当您尝试捕获表格的一 Angular 并拖放时，它永远不会掉落，也不会释放表格。它最终处于一种困惑的状态......你基本上无法释放 table 的拖动，当你移动鼠标时它会不断变大和变小 - 但你永远无法放手并释放它以获得你想要的大小。

我发现的唯一其他选项是禁用调整大小，但这会禁用所有内容的调整大小:

http://www.tinymce.com/wiki.php/Configuration:object_resizing

有什么办法可以解决这个问题吗？如果有帮助的话，我们正在使用 TinyMCE 4 主包而不是 jquery 包。

Answer 1

TinyMCE 和 chrome 存在很多错误，这就是我现在使用 CKEditor 的原因，但显然您的错误已在 4.1 中修复，因此更新您的 tinyMCE 版本，它应该适合您。

http://www.tinymce.com/tryit/full.php

另一点是，如果您查看了提供的文档，您可以允许调整除表格之外的任何内容的大小。

http://www.tinymce.com/wiki.php/Configuration:object_resizing

This options allows you to turn on/off the resizing handles on images, tables or media objects. This option is enabled by default and allows you to resize table and images. You can also specify a CSS3 selector of what you want to enable resizing on.

tinymce.init({
        ...
        object_resizing : "img"
});

可能是

tinymce.init({
            ...
            object_resizing : ":not(table)"
    });