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;