用于在表格中设置列宽的Tiny-MCE插件

时间:2011-03-17 13:29:33

标签: javascript html tinymce

我们在CMS中使用Tiny-MCE,我们的用户希望能够更改表格中列的宽度。现在,我知道从HTML点来看,没有这样的实体“列”,但在Moodle编辑器HTMLAREA中,有一个插件可以做到这一点 - 允许设置一个列的宽度(仅以百分数表示): / p>

enter image description here

抱歉,这是希伯来文,我找不到英文版......

有没有人知道Tiny-MCE的插件可以做到这一点?或者知道如何编写这样的插件?

3 个答案:

答案 0 :(得分:2)

这不是HTML选项的用途吗? :)

另一个选择是styleprops (edit Css Style),不确定它是如何完全工作的,但是盒子选项卡上有一个选项可以让你设置宽度。我已将其删除以避免恶作剧!

或者你可以创建几个定义了宽度的样式,然后通过选择样式width20percent将光标聚焦在单元格上,该框占20%。

答案 1 :(得分:2)

@Lea Cohen:我发现了TinyMCE的这个插件 - http://sourceforge.net/tracker/?func=detail&aid=2800315&group_id=103281&atid=738747 - 听起来应该按照自己的意愿行事,甚至可以采用更“用户友好”的方式,而不是让用户手动输入宽度:

  

添加了通过拖动鼠标来调整表格单元格边框大小的功能。

我看到它的工作方式是调整作为“列”标题的第一个单元格的大小,这应该看到该列中的后续单元格继承了宽度设置,例如

<table>
    <tr>
        <td width="300">Col 1</td>
        <td width="200">Col 2</td>
    </tr>
    <tr>
        <td>Width 300</td>
        <td>Width 200</td>
    </tr>
</table>

<强>更新

如果该插件不适合您,您还应该查看 Table 插件,它似乎也有控制行/单元格的选项:http://tinymce.moxiecode.com/wiki.php/Plugin:table

答案 2 :(得分:2)

我找到了我想要的答案。它是enhancement of the cell dialog box,在底部的选择框中添加了一个选项:
enter image description here

唯一的问题是你必须确保你在列中最顶层的单元格中,因为JS只更新列中的下一个单元格,而不是之前的单元格。但除此之外 - 这正是我们所需要的。