如何在 froala 编辑器中添加 class 到 table？

Question

如何向 froala 编辑器制作的表格添加一些 css 类？我需要它，因为我在表格上使用了一些 bootstrap 类，我想将它们添加到编辑器中的表格中。

我需要添加这个：class="table table-striped table-hover responsive"

感谢您的帮助。

编辑：http://i.imgur.com/Ie0SQ0N.png

您将在代码中看到不同之处：

1) 这是我现在得到的：<table>

2) 这就是我需要的：

<table class="table table-striped table-hover responsive">

Answer 1

我刚刚意识到我可以在保存到数据库之前使用函数 str_replace。我将使用此解决方案：

function repairTables($text){
    return str_replace('<table width="100%">', '<table class="table table-striped table-hover responsive">', $text);
}

Answer 2

使用 Jquery 您还可以像这样添加类：

$('div#froala-editor table').addClass('table table-bordered');

如果您想在插入 table 时添加它，可以覆盖默认的 Froala 行为：

$.FroalaEditor.RegisterCommand('tableInsert', {
callback: function (cmd, rows, cols) {
  this.table.insert(rows, cols);
  this.popups.hide('table.insert');
  $('div#froala-editor table').addClass('table table-bordered');
}

});

如何在 froala 编辑器中添加 class 到 table？

How to add class to table in froala editor?

editor

froala