0

CKEditorV4のドロップダウンスタイルオプションを設定しようとしています。以下に示す私のテストは、期待どおりに機能しません。ドロップダウンスタイルメニュー自体は「グリーンチェック」オプション(スタイルで使用されるラベルと画像)を表示しますが、使用時にエディターインスタンスのコンテンツには適用されません。私は新しいインライン編集機能を使用しています(それもクールです)。

config.stylesSet = [
   { name: 'Green Check', element : 'ul li',
    styles :
    {
        'background' : 'url(/images/bullets/greencheck.png) no-repeat top left;',
        'list-style-type' : 'none;'  
    }
}

];

'ul'は明らかにul要素を対象としているため、要素 要素'ul li'を指定しましたが、'li'を指定すると、ドロップダウンメニューに何も表示されないか、コンテンツに適用されません。

これが私が設定しようとしている完全なスタイルです...

ul.greencheck li{
list-style-type:none;
line-height:18px;
background: url(/images/bullets/greencheck.png) no-repeat center left;
padding-left:30px;
}

ありがたいことにどんな助けも受けました。

4

1 に答える 1

0

'ul li'は有効な要素ではありません。どちらか'ul'または'を使用できますli'が、両方を使用することはできません

スタイルの最後のセミコロンも削除する必要'none;'がありますが、'none'これは正しいものです

インラインスタイルを設定する代わりに、クラスをULに適用し、スタイルを別のcssファイルに残す方がよいでしょう。

于 2012-10-12T09:30:29.090 に答える