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

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

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

不幸的是，这是一个旧版本（我使用的是4），而且根据迁移指南，我没有得到一个工作版本。

我不是Java程序员，我不知道迁移是否很简单，是否需要一些小的更改或更多的开发。

感谢

TinyMCE的4.3版本现在支持调整列的大小。只需启用表插件，如图所示：

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>

相关内容

最新更新

热门标签：