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

时间:2014-09-10 15:26:18

标签: tinymce-4

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

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

不幸的是,这是旧版本(我正在使用4),并且还遵循迁移指南我没有使用工作版本。

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

由于

1 个答案:

答案 0 :(得分:3)

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>
&#13;
&#13;
&#13;