サポート » 使い方全般 » Font Awesomeのタグが消える

  • 解決済 uchidauya

    (@uchidauya)


    <p><i class=”fa fa-power-off”></i></p>    ①
    <p><i class=”fa fa-power-off”></i>電源</p>  ②

    Tiny Mce Advancedのテキストモードで上記のように書き込んだ後、ビジュアルモードに切り替えて再びテキストモードに切り替えると、①は<p> </p>と表示されタグが消えてしまいます。この現象は正しいでしょうか?

    テーマ:BizVektor
    Tiny Mce Advancedで記事を編集。
    Font AwesomeをCDNから利用。
    WP Visual Icon Fonts を以前利用していましたが、削除済み

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • ②に対して、①はタグの内容が空になっているからでしょう。
    アイコンフォントは便利ですが、わたしは使うアイコンが限っているのでクラスで指定します。

    <p class="power-off">電源</p>
    という感じです。

    トピック投稿者 uchidauya

    (@uchidauya)

    맹조 様

    返信有難うございます。

    説明が下手のことと、理解が不得意なのですがやりたいことは以下のとおりです。

    Font Awesomeをサーバーにインストールすることなく、CDN利用

    アイコンのみを表示したいので
    <p><i class=”fa fa-power-off”></i></p>
    と書いた後、ビジュアルモードに切り替えて再びテキストモードに切り替えると
    <p>&NBSP;</p> 
    となり、タグが削除されてしまいます。

    こんにちは

    <i class="fa fa-power-off"> </i>

    では、まずいんですか?

    トピック投稿者 uchidauya

    (@uchidauya)

    nobita 様

    <i class=”fa fa-power-off”> </i>

    のように書いても、ビジュアルモードに切り替えて再びテキストモードすると
    <p>&NBSP;</p> 
    となり、タグが削除されてしまいます。

    Tiny Mce Advanced の設定のせいでしょうか?

    <i class="fa fa-power-off">&nbsp;</i>
    トピック投稿者 uchidauya

    (@uchidauya)

    Hinaloe 様

    返信ありがとうございます。

    上手くできました。

    間に   を入れなくても以前は問題なかったような気がしますが気のせいでしょうか?

    何れにしても問題が解決出来ました。
    返信いただいた皆様、心よろ感謝申し上げます。

    間に   を入れなくても以前は問題なかったような気がしますが気のせいでしょうか?

    「気のせい」というよりも、tinymceの空要素タグの処理に問題があるかんじがします。

    例えば、私の環境では、(プラグインなし、執念深くは調べていませんが)

    <ul>
    	<li><i class="fa fa-power-off"></i>test</li>
    </ul>

    は、除去されることがありません

    テキストエリアに先頭に

    <i class="fa fa-power-off"></i>

    は、除去されます。

    <i class="fa fa-power-off"> </i>

    は、プラグインを使用していなければ、除去されず。

    <i class="fa fa-power-off"> </i>test

    は、プラグインを使用していて、testが記述されていると、除去されず。その後testを除去して、切り替えても除去されない

    といった、奇妙な動作をするように見えます。

    なので、
    @Hinaloeさんの方法が、いいみたいですね

    トピック投稿者 uchidauya

    (@uchidauya)

    nobita 様

    詳しいご説明有り難うございます。
    ようやく理解出来ました。

    上手くいかないので弱気になってまし(^_^;)

    モデレーター gatespace

    (@gatespace)

    めんどくさくなければ、ショートコードで実装してくれるWordPressプラグインが複数あるので、それを利用するのも手です。

    https://wordpress.org/plugins/better-font-awesome/

    https://wordpress.org/plugins/search.php?type=term&q=font+awesome

    トピック投稿者 uchidauya

    (@uchidauya)

    gatespace 様

    有名ドコロのプラグインが2年以上更新されていないので見送っていましたが、ご紹介いただいたもので対応することにいたしました。

    ありがとうございます。

10件の返信を表示中 - 1 - 10件目 (全10件中)
  • トピック「Font Awesomeのタグが消える」には新たに返信することはできません。