有没有办法强制 TinyMCE 在使用表格按钮时创建 <div> 表格而不是使用 <table> 标签？

Posted 2023-03-05

【中文标题】有没有办法强制 TinyMCE 在使用表格按钮时创建 <div> 表格而不是使用 <table> 标签？

【英文标题】：Is there a way to force TinyMCE to create <div> tables instead of using <table> tags when using the table button?

【发布时间】：2016-04-21 04:58:21

【问题描述】：

我在我的网站上使用 TinyMCE html 编辑器；但是，当我使用表格按钮时，我看到 TinyMCE 使用 <table> 标签有没有办法可以强制 TinyMCE 对表格使用 <div> 标签，这样我的内容将保持响应？

【问题讨论】：

在哪些方面 div 比表格更敏感？

【参考方案1】：

不幸的是，这不可能开箱即用。 获得所需内容的唯一方法是自己编写一个表格插件（那会很痛苦）。

【参考方案2】：

setup: function (ed) 
    ed.on('BeforeSetContent', function(e) 
        if (e.content.startsWith("<table ")) 
            // write jquery code to replace <table> tag with a <div> tag whenever a table is added in the editor.
        
    );
,

可能有这样的过滤功能：

$('table').filter(function()
    return $.trim($(this).text()) === 'Text Here';
).replaceWith(function () 
    return '<div>' + $(this).text() + '</div>';
)