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

}）;

如何在froala编辑器中向table添加类？

2 个答案: