TinyMCE 4 表格通过拖动调整单元格大小

【问题标题】：TinyMCE 4 Table resize cells by draggingTinyMCE 4 表格通过拖动调整单元格大小
【发布时间】：2014-09-10 15:26:18
【问题描述】：

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

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

不幸的是，这是一个旧版本（我使用的是 4），并且按照迁移指南，我没有找到工作版本。

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

谢谢

【问题讨论】：

标签： tinymce-4

【解决方案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>

【讨论】：

他们将博客移至新域，但该帖子已不存在。链接已更新以指向 4.3 变更日志。