将 TinyMCE 'table' wrap in div

Question

有没有办法用TinyMCE将<table>封装在div中？

最好是通过扩展TinyMCE来实现原生的东西，我知道我可以让它与纯JS一起工作。

我试图做这样的事，但运气不好。(遵循本文档：https://www.tiny.cloud/docs/configure/content-formatting/#formatparameters)但我似乎甚至无法让它发挥作用：

$settings['formats'] = json_encode([
...
"table" => [
[
"selector" => "table",
"classes" => "test"
]
]
...
])

最终，我希望看到客户端的HTML输出为：

<div class="my_class">
<table> 
... 
</table>
</div>

Answer 1

我假设您希望这种类型的行为在表上设置水平滚动。

如果是这样的话，下面是你可以做的。

<div class="w-[200px] overflow-hidden">
<!-- 
# Hack: Apply styles directly on the table.
.table {
display: block;
overflow: auto;
}
-->
<table class="table">
<tbody>
<tr>
<td>+xx xxxxxxxxxx</td>
<td>+xx xxxxxxxxxx</td>
<td>+xx xxxxxxxxxx</td>
</tr>
</tbody>
</table>
</div>