javascript - 表在 jquery 的 tinyMCE 4 中不可调整大小

问题描述

表格属性在 tinyMCE 4 内联编辑器中不起作用，我尝试为表格设置默认样式

table_default_styles: {
            width: '50%'
        },

尽管我使用了每个属性，但它没有应用并且可调整大小的表格也不起作用

table_column_resizing: 'resizetable',

表是这样的，

标签： javascriptjquerytinymcetinymce-4

该table_column_resizing选项已添加到 TinyMCE 5.5，因此这不是 TinyMCE 4 的有效配置选项：

https://www.tiny.cloud/docs/release-notes/release-notes55/#newtable_column_resizingoptionforcontrollingtablecolumnresizing

我会注意到，该选项不会确定表是否可调整大小，而是确定表调整大小时发生的行为。

当我使用您的配置选项将表格添加到 TinyMCE 时，table_default_styles我得到以下 HTML：

<table style="width: 50%;" border="1">
<tbody>
<tr>
  <td style="width: 48.7125%;">&nbsp;</td>
  <td style="width: 48.7996%;">&nbsp;</td>
</tr>
<tr>
  <td style="width: 48.7125%;">&nbsp;</td>
  <td style="width: 48.7996%;">&nbsp;</td>
</tr>
</tbody>
</table>

...正如我所料，它占据了编辑器的一半。这是一个 TinyMCE Fiddle 演示了这一点： https ://fiddle.tiny.cloud/L4haab

我附上了最新的 TinyMCE 5 和 TinyMCE 4 的屏幕截图 - 两者都没有显示您在屏幕截图中的结果。

TinyMCE 5

TinyMCE 4

注意：TinyMCE 4 不再是 TinyMCE 的受支持/开发版本，因此您可能会从迁移到 TinyMCE 5 中受益，因为该版本仍在积极开发中。

javascript - 表在 jquery 的 tinyMCE 4 中不可调整大小

问题描述

解决方案

推荐阅读