it-swarm.com.de

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

Ich mag es nicht, wenn ich den Rich-Text-Editor in Blogger verwende und drücke Enter es fügt einen <br > anstelle eines <p> ein. Gibt es eine Möglichkeit, das Verhalten zu ändern? Oder gibt es zumindest eine Möglichkeit, einen <p> einzufügen, ohne zur Registerkarte HTML zu wechseln?

Ich benutze übrigens Blogger im Entwurf . Ich habe sowohl den alten als auch den neuen Editor ausprobiert. und die Verwendung von Press "Enter" for line breaks anstelle von Use <br /> tags hilft nicht.

Ich habe auch versucht, Convert Line breaks zu deaktivieren.

Wenn "Ja" ausgewählt ist, werden einzelne im Post-Editor eingegebene Rücksendungen durch einzelne <br /> Tags in Ihrem Blog ersetzt, und zwei Rücksendungen werden durch zwei Tags (<br /><br />) ersetzt.

10
Senseful

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 irrsinnige Entscheidung und absolut falsch. Es werden viele Probleme mit inkonsistentem Absatzrendering in Blogger erläutert. Möglicherweise funktioniert es im IE, 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ügt einen einzelnen DIV und einen einzelnen BR ein.

Windows Live Writer von Microsoft erledigt die Dinge wie oben beschrieben. MarsEdit für OS X ist weniger konsistent, ich denke, wenn es mit einem Blogger-verfassten Beitrag beginnt, kommt es zu Tag-Verwirrung.

Ich fühle deinen Schmerz.

10
user6267

Ich habe gerade herausgefunden, dass, wenn Sie Ihren Blog-Post mit p-Tags sofort veröffentlichen, anstatt zuerst auf den HTML-Tab zu wechseln, die p-Tags erhalten bleiben.

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 zu betrachten, werden die p-Tags durch div-Tags ersetzt.

4
E.G.

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

1
Senseful

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 in den Vorlagenbereich gehen und auf „HTML bearbeiten“ klicken. Suchen Sie nach /body. Fügen Sie direkt darüber <script src="http://code.jquery.com/jquery-1.10.1.min.js"> und dann <script></script> ein. 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 ermittelt werden, auf der ein Beispiel angegeben ist, in dem fast genau abgefragt wird, 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 verwenden, 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 für Sie herausfinden lassen. :-)

0
merlinpatt