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

});