1

私は自分の Web サイトでFontawesomeを使用しており、Web サイトのページを編集するための独自の CMS を持っています。私が開発したいのは、ユーザーが fontawesome アイコンを選択できるダイアログですが、今のところ、ckeditor のコードビューに追加しても問題ありません。

コンテンツに追加されたアイコンは、ckeditor designview には表示されません。エディターが i タグ (*) を受け入れるように、ckeditor 構成ファイルを変更しました。fontawesome CSS ファイルを @import ルールとして contents.css に追加しましたが、エディタ領域に fontawesome アイコンが表示されません。

(*)config.js

config.allowedContent = true;
config.ProtectedTags = 'i' ;
config.protectedSource.push( /<i[\s\S]*?\>/g ); //allows beginning <i> tag
config.protectedSource.push( /<\/i[\s\S]*?\>/g ); //allows ending </i> tag

これを機能させるにはどうすればよいですか？

4

5 に答える 5

4 
config.protectedSource.push( /<i class[\s\S]*?\>/g );
config.protectedSource.push( /<\/i>/g );

あなたが持っているものはimgタグに干渉します。AND OR、すべての構成の後:

CKEDITOR.dtd.$removeEmpty['i'] = false;

どちらもうまく機能します。変更を行うときは、キャッシュを完全にクリアしたことを確認してください。

*EDIT Oneは、他の何かを台無しにしながら動作します。ノーゴーソリューション。

このかさばるエディターの使用をやめました。自分で作成しました。ただし、これを解決するには、I タグの代わりに EM または SPAN を使用します。

于 2014-03-06T21:34:58.753 に答える
1

protectedSource 設定に何かを追加すると、エディターから非表示になります。そのコンテンツは HTML コメントに変換されて保護され、ユーザーが変更できないようになりますが、コメントであることは明らかです。

于 2013-07-11T11:09:32.963 に答える
0

4.11.4 を使用していますが、このソリューションが正しく機能しません

このソリューションは 4.11.4 で正しく動作します

config.protectedSource.push( /<i class[\s\S]*?\><\/i>/g ); // Font Awesome fix

幸運を

于 2019-04-18T15:16:57.520 に答える