リッチテキストエディターを使用しているときに、ブロガーに<br>ではなく<p>タグを挿入させるにはどうすればよいですか?


10

Bloggerでリッチテキストエディターを使用していてEnter、の<br >代わりにを挿入すると、どうなるのか気になりません<p>。動作を変更する方法はありますか?または、少なくとも<p>HTMLタブに切り替えずにを挿入する方法はありますか?

ちなみに、私はBloggerをドラフトで使用しています。古いエディターと新しいエディターの両方を試しました。のPress "Enter" for line breaks代わりに使用しても効果Use <br /> tagsがありません。

私も無効Convert Line breaksにしてみました、それは次のように説明されています:

[はい]を選択した場合、投稿エディタに入力された単一のハードリターンは<br />ブログ内の単一のタグに置き換えられ、2つのハードリターンは2つのタグ(<br /><br />)に置き換えられます。


醜い回避策に、しかし、あなたは二重の改行を取り除くしたい場合は、第二の非表示にすることができます<br/>ようにCSSルールとbr+br {display: none}​テーマを > 編集HTMLあなたは下のスタイルの束を見つけることができます<head><b:skin><![CDATA[...
ccpizza

回答:


10

この動作は構成できません。現在のエディター、ドラフトエディター、および「古い」エディターは、Pタグを使用する必要がある場合に、BRタグとDIVタグの組み合わせを使用します。

それは心を揺さぶる決定であり、それは全く間違っています。これは、Bloggerでの一貫性のない段落レンダリングの問題の多くを説明しています。おそらくIEでは機能しますが、ChromeやSafariなどのWebkitブラウザでは一貫して機能しません。

最新のエディターは2つの連続したBRタグを挿入すると思いますが、古いエディターは単一のDIVと単一のBRを挿入しました。

MicrosoftのWindows Live Writerは、上記のように正しく動作します。MarsEdit for OS Xは一貫性が低く、Bloggerが作成した投稿から開始するとタグの混乱を招くと思います。

あなたの痛みが分かります。


しかし、Live Writerは既存の投稿を編集できますか?私を含む多くの人が記事を投稿し、読んで磨くのが好きなので。
Gqqnbig 2013

4

最初にHTMLタブに切り替えるのではなく、pタグを含むブログ投稿をすぐに公開すると、pタグがそのまま残ることがわかりました。

例:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. HTMLビューに移動します。
  2. 上記のコードを入力してください。
  3. [公開]ボタンをクリックします。

[HTML]タブでコードを確認しようとすると、pタグはdivタグに置き換えられます。



0

Bloggerで設定する方法はありません。

しかし、私が気付いたのは、これはjQueryで実行できるということです。

これを行うには、テンプレート領域に移動して[HTMLの編集]をクリックする必要があります。を検索し/bodyます。そのすぐ上に挿入して<script src="http://code.jquery.com/jquery-1.10.1.min.js">からを挿入し<script></script>ます。あなたが今持っているものは、これでなければなりません:

some code
<script src='http://code.jquery.com/jquery-1.10.1.min.js'/>
<script>

This is where the jQuery calls will go.

</script>
&lt/body&gt;
some more code

適切なjQuery呼び出しは、このページから理解できます。このページでは、実行したいことをほぼ正確に要求する例が示されています。この例は以下にコピーされています(http://api.jquery.com/contents/から)

<div class="container">
  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed
  do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  <br><br>
  Ut enim ad minim veniam, quis nostrud exercitation ullamco
  laboris nisi ut aliquip ex ea commodo consequat.
  <br><br>
  Duis aute irure dolor in reprehenderit in voluptate velit
  esse cillum dolore eu fugiat nulla pariatur.
</div>

.contents()このメソッドを使用して、このテキストの塊を3つの整形式の段落に変換できます。

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();

確かに、それを機能させるには、上記のわずかな変更を行う必要があります。しかし、私はあなたが理解するために残しておきます。:-)

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.