【问题标题】:table is not resizable in tinyMCE 4 in jquery表在 jquery 的 tinyMCE 4 中不可调整大小
【发布时间】:2021-02-11 09:08:29
【问题描述】:

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

table_default_styles: {
            width: '50%'
        },

虽然我使用了每个属性,但它没有被应用并且可调整大小的表格也不起作用

table_column_resizing: 'resizetable',

表格是这样的,

【问题讨论】:

    标签: javascript jquery tinymce tinymce-4


    【解决方案1】:

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

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

    我要注意的是,该选项并不能确定是否表格可调整大小,而是确定表格调整大小时发生的行为。

    当我使用 table_default_styles 配置选项向 TinyMCE 添加表格时,我得到了这个 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,因为该版本仍在积极开发中。

    【讨论】:

    • 谢谢,你能用内联编辑器试试这个吗?
    • 因为我仍然有这个问题,虽然我删除了table_column_resizing
    • 如果我切换到使用内联模式,表格的大小或布局没有任何变化:fiddle.tiny.cloud/L4haab/2
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-22
    相关资源
    最近更新 更多