Wie kann ich Blogger dazu bringen, <p> -Tags anstelle von <br> einzufügen, wenn der Rich-Text-Editor verwendet wird?

Mir gefällt nicht, wie, wenn ich den Rich-Text-Editor in Blogger verwende und ihn drücke Enter, ein <br >statt eines einfügt <p>. Gibt es eine Möglichkeit, das Verhalten zu ändern? Oder gibt es zumindest eine Möglichkeit, eine einzufügen, <p>ohne zur Registerkarte HTML zu wechseln?

Ich verwende Blogger übrigens im Entwurf . Ich habe sowohl den alten als auch den neuen Editor ausprobiert. und verwenden Press "Enter" for line breaksstatt Use <br /> tagshilft nicht.

Ich habe auch versucht, zu deaktivieren Convert Line breaks, was wie folgt beschrieben wird:

Wenn Ja ausgewählt ist, werden einzelne Hard-Returns, die im Post-Editor eingegeben wurden, durch einzelne <br />Tags in Ihrem Blog ersetzt, und zwei Hard-Returns werden durch zwei Tags ersetzt ( <br /><br />).

Dieses Verhalten ist nicht konfigurierbar. Sowohl der aktuelle Editor als auch der Entwurfseditor und der "alte" Editor verwenden eine Kombination aus BR- und DIV-Tags, wenn sie P-Tags verwenden sollen.

Es ist eine umwerfende Entscheidung, und sie ist völlig falsch. Es werden viele Probleme beim inkonsistenten Rendern von Absätzen in Blogger erläutert. Vielleicht funktioniert es im Internet Explorer, aber in Webkit-Browsern wie Chrome und Safari funktioniert es nicht konsistent.

Ich denke, der neueste Editor fügt zwei aufeinanderfolgende BR-Tags ein, aber der ältere fügte einen einzelnen DIV und einen einzelnen BR ein.

Der Windows Live Writer von Microsoft führt die oben beschriebenen Schritte korrekt aus. MarsEdit für OS X ist weniger konsistent. Ich denke, wenn es mit einem von Blogger verfassten Beitrag beginnt, kommt es zu Verwirrung bei den Tags.

Ich fühle deinen Schmerz.

Ich habe gerade herausgefunden, dass die P-Tags erhalten bleiben, wenn Sie Ihren Blog-Beitrag mit p-Tags sofort veröffentlichen, anstatt zuerst zur Registerkarte HTML zu wechseln.

Beispiel:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>

1. Gehe zur HTML-Ansicht.
2. Geben Sie den obigen Code ein.
3. Klicken Sie auf die Schaltfläche Veröffentlichen.

Wenn Sie versuchen, den Code auf der Registerkarte HTML anzuzeigen, werden die p-Tags durch div-Tags ersetzt.

Eine Möglichkeit besteht darin, einfach einen anderen Rich-Text-Editor zu verwenden. Ich habe versucht, Microsoft Windows Live Writer, der <p>anstelle von verwendet <br>.

Nun, es gibt keine Möglichkeit, es mit Blogger zu konfigurieren.

Ich habe jedoch festgestellt, dass dies mit jQuery möglich ist.

Dazu müssen Sie zum Vorlagenbereich gehen und auf "HTML bearbeiten" klicken. Suche nach /body. Direkt darüber einfügen <script src="http://code.jquery.com/jquery-1.10.1.min.js">Dann einfügen <script></script>. Was Sie jetzt haben, sollte dies sein:

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

Die richtigen jQuery-Aufrufe können auf dieser Seite herausgefunden werden, auf der sie ein Beispiel geben, in dem Sie fast genau gefragt werden, was Sie tun möchten. Dieses Beispiel wurde unten kopiert (von 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>

Wir können die .contents()Methode anwenden , um diesen Textklumpen in drei wohlgeformte Absätze umzuwandeln:

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

Zugegeben, Sie müssen einige geringfügige Änderungen vornehmen, damit es funktioniert. Aber das werde ich dir überlassen, um es herauszufinden. :-)