ckeditorでテーブルを追加してもスタイル属性は保持されません

Question

テーブルプラグインを使用するWebページにckeditorを統合して、エディタウィンドウにテーブルを作成できるようにしました。ユーザーがエディタウィンドウを終了し、その結果がページに表示されると、テーブル幅はウェブページよりもはるかに大きくなることがあります。

エディタのような形式のタグができますように、私は変更した：

CKEDITOR.on('dialogDefinition', function (ev) { 
    var dialogName = ev.data.name; 
    var dialogDefinition = ev.data.definition; 
    if (dialogName == 'table') { 
     var info = dialogDefinition.getContents('info'); 
     info.get('txtWidth')['default'] = '100%'; 
    } 
}); 

：

CKEDITOR.replace('editor', { 
    extraAllowedContent: 'table{*}' 
}); 

はまた、100％とテーブルのデフォルトの幅を作るためのCKEditorバージョンのconfig.jsのにこの変更を行いましたしかし、テーブルレイアウトを固定に設定することができないので、テーブルがWebページに表示されているときに、テーブルはWebページの100％の幅に固定されます。

Answer 1

CKEditorからデータを抽出するときにwidth:100%のテーブルがある場合（それはeditor.getData methodで確認できます）、その幅はウェブサイトに配置される親要素の幅によって異なります。親要素（直接要素または非要素）の幅が固定されている場合は、それを超えて展開してはなりません。

このcodepenを参照してください：上記の答えは十分でない場合https://codepen.io/f1ames/pen/ZaaRPy

たぶん、あなたはあなたのHTMLコードを共有したり、問題を示すいくつかのスニペットを準備することができますか？