editor - 如何在 froala 编辑器中向表中添加类？

Question

如何在 froala 编辑器中添加一些 css 类？我需要它，因为我在表上使用了一些引导类，并且我想从编辑器将它们添加到表中。

我需要添加这个：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');

如果你想在插入表格时添加它，可以覆盖默认的 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');
}

});