2016-09-08 12 views
0

私はpimcoreオブジェクトのwysiwygエディタに問題があります。テキストにマークを付けると、スタイルに移動して「マーカー」を選択すると、何も表示されません。 < span class = "marker"> Lorem ipsum </span>のようなソースコードでは、エディタでも同じです。それはテキストを取得しますが、テキストは黄色でなければなりません。pimcoreオブジェクト内のWysiwyg?

アイデア?

答えて

0

[スタイル]ドロップダウンは実際にHTMLマークアップを変更するだけです。あなたが本当に黄色のテキストを持っているしたい場合は だからこの

<p>Lorem ipsum</p> 

<p><span class="marker">Lorem ipsum</span></p> 

に変更され、その後、あなたはあなたのフロントエンドCSSに、このような何かを追加する必要があります。そこ

.marker { 
    background-color: yellow; 
} 

ソースボタン(WYSIWYGフィールドツールバーの最後のボタン)です。実際にマークアップがどのように生成されているか調べて、必要なCSSクラスを作成できます。

一方、オブジェクトWYSIWYGはフロントエンドCSSについて何も知らない。

.pimcore_tag_wysiwyg .marker { 
    background-color: yellow; 
} 
+0

ありがとうイゴール:) – Makso

+0

@マッソ私はうまく解決した:) –

+1

私はこれらの問題のためのプラグインを使用しました。 CSSファイルでは、 .pimcore_object_panel_edit .pimcore_tag_wysiwyg .marker { 背景色:黄色; } あなたは私に考えを与えました:) – Makso

0

私はfrontent CSS内のすべてのクラスを持っている:最速の回避策は、新しいPimcoreの拡張機能を作成することで、そのCSSファイルにこのようなものを置くようcontentsCSS CKEditorバージョンのオプションは、動作するようには思えません。これは$ this-> wysiwyg( 'content')で動作しますが、オブジェクトの属性を編集する際には使用しません。それはフロントエンド(私は黄色の言葉を参照してください)のように見えるが、バックエンドで私は黄色の言葉が表示されません。

+0

私は自分の答えを更新しました –