Javascript CKEditor表格宽度和列宽单位

我目前正在测试CKEditor

特别是表格调整大小和表格插件的功能

到目前为止，我发现它似乎有时对pt有效，有时对px有效

是否有一种方法可以改变行为，使其始终以百分比或其他某种相对比率工作，而不是以px或pt作为列宽

<table border="1" cellpadding="1" cellspacing="1" style="width:1340px">
    <thead>
        <tr>
            <th scope="col" style="width:386px">1</th>
            <th scope="col" style="width:953px">
            <p>2</p>
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td style="width:386px">3</td>
            <td style="width:953px">4</td>
        </tr>
    </tbody>
</table>

1.
二,

3.
4.

我原来的帖子在网上。我决定把它贴在这里，因为有两天我的问题没有任何活动

我正在寻找一种简单的方法，通过配置或通过JavaScript编程调整CKEditor中的表格插件，以将单位从px更改为百分比或任何其他相对单位

更新

---

我想要的是，用户在所见即所得（WYSIWYG）中看到，例如，在编辑时，表格的宽度为100%。当用户更改列时，它们的更改以百分比而不是像素为单位。或者用户使表格小于总宽度的100%。然后该表在%not px中更改

似乎没有配置设置来改变这种行为，编辑插件本身可能有点头疼

你可以简单地给你的桌子一个百分比的宽度，其余的保持原样。大多数现代浏览器都会按比例处理/调整单元格大小。您可以使用jquery，甚至是一个简单的CSS声明来强制实现这一点。例如：

$（“表格”）.width（“100%”），或
表格{宽度：100%！重要；}

或者，您可以使用jquery获取当前宽度并将其更改为百分比，例如类似于以下内容：

var tableWidth = $("table").width();
$("table tr").children().each(function( index ) {
    $(this).width(Math.round(100 * $(this).width() / tableWidth)+"%");
});


$（“表格”）。宽度（“100%”；
var tableWidth=$（“表”）.width（）；
$（“表tr”）.children（）.each（函数（索引）{
$（this.width）（Math.round（100*$（this.width（）/tableWidth）+“%”；
});

1.
二,

3.
4.
是否可以在自己的CKEditor插件中执行此操作。我希望用户看到表格是100%宽度，并按比例而不是绝对宽度更改列大小。我不确定您的方法的想法是在运行时还是在编辑器中的设计时添加jquery代码。这个想法可能会在页面加载时出现，但如果您愿意，我想您可以在编辑时在编辑器本身中进行。例如，您可以创建自己的插件（），甚至可以在编辑器中更改内容时获取/设置内容。我很想知道这是为了什么。。。在创建表时，已经可以设置百分比值，并且调整大小是成比例的。此外，除了在创建过程中，用户何时才能看到单元格的实际宽度值？当查看源代码时？我不太明白。我对这个问题作了更新。2.他可能不会看到这件事做得对不对。当它是在px，然后改变为百分比。我认为当用户改变列宽时，他们总是在px中，而不是在标准的CKEditor插件中。