Web サイトのCMSコンテンツを更新するためにCKEditorを使用しています。このように表示できる派手なアイコンのセットを含むFontAwesomeも使用しています
<i class="icon-envelope"></i>
問題は、CKEditor がiクライアント側でこのタグをエスケープし、ソース モードで表示できないことです。
このタグを許可するにはどうすればよいですか? 試してみCONFIG.removeFormatTags = ''ましたが、役に立ちません。
Web サイトのCMSコンテンツを更新するためにCKEditorを使用しています。このように表示できる派手なアイコンのセットを含むFontAwesomeも使用しています
<i class="icon-envelope"></i>
問題は、CKEditor がiクライアント側でこのタグをエスケープし、ソース モードで表示できないことです。
このタグを許可するにはどうすればよいですか? 試してみCONFIG.removeFormatTags = ''ましたが、役に立ちません。
空なので削除します。タグを保持するために、改行しないスペース またはゼロ幅のスペースをその中に入れてください。​
iオブジェクトから削除することもできCKEDITOR.dtd.$removeEmptyます。ただし、これにより、 のない他の空の<i>タグが壊れる可能性がありますclass="icon-envelope"。これを修正するには、データ プロセッサ<i>'sで遊んで、なしで空をフィルタリングする必要がありますclass="icon-envelope"。かなり簡単だと思います。
以下は私のために働いた.. config.fillEmptyBlocksを指摘しているVince Kronleinに感謝
CKEDITOR.editorConfig = function( config ) {
config.fillEmptyBlocks="​";
}
CKEDITOR.dtd.$removeEmpty['span'] = false;
CKEDITOR.dtd.$removeEmpty['i'] = false;