Question

我在我的网站上使用TinyMCE HTML编辑器;但是，当我使用表格按钮时，我发现TinyMCE使用<table>标签有一种方法可以强制TinyMCE对表格使用<div>标签，这样我的内容将保持响应吗？

Answer 1

不幸的是，开箱即用是不可能的。获得你想要的东西的唯一方法就是自己写一个表插件（这会很痛苦）。

Answer 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>';
})

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

2 个答案: