tinymce-4 - TinyMCE 4 Table通过拖动调整单元格大小

Question

我正在寻找一个通过拖动来调整表格单元格大小的 TinyMCE 插件，我来到了: http://sourceforge.net/p/tinymce/plugins/163/?page=2

这里有一个工作示例 http://tinymcesupport.com/premium-plugins/resize-table-cells

不幸的是，这是针对旧版本(我使用的是 4)并且按照迁移指南我还没有得到一个工作版本。

我不是 Java 程序员，我不知道迁移是否非常简单，只需进行一些小的更改，还是需要更多开发。

谢谢

Answer 1

TinyMCE 现在支持使用 its 4.3 release 调整列的大小.只需启用表格插件，如下所示:

tinymce.init({
  inline: true,
  selector: 'table',
  plugins: 'table'
});

table {
  border-collapse: collapse;
  
}

th, td {
  border: solid 1px #ccc;
  text-align: center;
  padding: 10px;
}

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>

Make sure the <code>table</code> plugin is activated, then drag the columns to resize them:

<table style="width: 100%;">
  <thead>
    <tr>
      <th>Column 1</th>
      <th>Column 2</th>
      <th>Column 3</th>
    </tr>
  </thead>
  <tbody>
      <tr>
      <td>Data</td>
      <td>Data</td>
      <td>Data</td>
    </tr>
  </tbody>
</table>