web-dev-qa-db-ja.com

Bloggerで文字付きリストを作成するにはどうすればよいですか?

GoogleのBloggerを使用してブログ投稿を作成する場合、「作成」モード(WYSIWYGエディター)またはHTMLモードを使用して作成できます。 HTMLモードを使用する場合、次のように書くと:

<ol type="a">
<li>Item a</li>
<li>Item b</li>
</ol>

「作成」モードで表示すると、小文字のリストが正しく表示されます。ただし、実際に投稿を公開すると、ブログの番号付きリストに戻ります(HTMLソースは上記と同じままです)。これを修正する方法についての提案はありますか?

3
Marc

コメントで述べたように、属性type="a"の代わりに、同等のインラインCSSスタイルを使用します。

<ol style="list-style-type:lower-latin">
<li>Item a</li>
<li>Item b</li>
</ol>

HTML 4.01で廃止されたtype属性とは別に、list-style-typeを明確に設定するCSSスタイルルールがブロガースタイルシートに設定されている場合、これはtype属性をオーバーライドします。

(「作成」モードでは、完全/テーマスタイルシートは適用されないと想定します。)

要素自体にインラインスタイルを指定すると、外部スタイルシートで指定されたスタイルがオーバーライドされます。

1
MrWhite

なぜあなたのアプローチがコンポーズモードで機能するのかを再確認してください。

Bloggerポストエディターは、ポイントアンドクリックツールを提供し、選択した機能とコンテンツのHTMLを生成するWYSIWYGエディターの1つにすぎないことに注意してください。

幸いなことに、HTMLモードも提供されるため、投稿の背後にあるコードを修正することができます。

また、HTMLモードから作成モードに切り替えると、入力したHTMLをすべて取得し、作成モードウィンドウに描画するのに十分です。

ただし、作成モードから発行する場合、ポストエディターは現在作成ウィンドウにあるコンテンツを取得し、HTML機能のカットダウンセットに基づいてHTMLを再生成しますサポートします。したがって、HTMLを介して追加した、完全に有効であるが(まだ!)ポストエディターでサポートされていない追加機能は失われます。

解決策は、HTMLモードのときに[公開]をクリックすることです。これは、カットダウン機能を使用してHTMLを再生成しないためです。

(注:あなたが言及している特定の問題についてはこれを試していません。しかし、コンポーズからパブリッシュするときに特定のHTML要素(段落タグなど)が取り除かれた他の多くの分野で機能しました。)

もちろん、前述のインラインスタイルの回答も機能します。投稿で提案されたスタイルを定義すると、作成モードで投稿を表示するときにスタイルが適用されます。ただし、テンプレートにルールとして追加した場合、作成モードでは適用されませんが、Webブラウザーを使用してブログを表示するユーザーに適用されます。

0
MaryC.fromNZ