ฉันจะทำให้ Blogger แทรกแท็ก <p> แทนที่จะเป็น <br> เมื่อใช้โปรแกรมแก้ไขข้อความแบบหลากหลายได้อย่างไร

ฉันไม่ชอบวิธีการที่เมื่อฉันใช้โปรแกรมแก้ไขข้อความที่อุดมไปด้วย Blogger และผมกดEnterมันแทรกแทน<br > <p>มีวิธีใดบ้างที่จะทำให้พฤติกรรมเปลี่ยนไป? หรืออย่างน้อยจะมีวิธีใดแทรก<p>โดยไม่เปลี่ยนเป็นแท็บ HTML?

ฉันใช้Blogger แบบร่างโดยวิธีการ ฉันลองทั้งตัวแก้ไขแบบเก่าและแบบใหม่ และการใช้Press "Enter" for line breaksแทนที่จะUse <br /> tagsช่วยไม่ได้

ฉันยังลองปิดการใช้งานConvert Line breaksซึ่งอธิบายว่า:

หากเลือกใช่ระบบจะคืนค่าฮาร์ดไดรฟ์เดียวใน Post Editor ด้วย<br />แท็กเดียวในบล็อกของคุณและการคืนค่าฮาร์ดสองรายการจะถูกแทนที่ด้วยสองแท็ก ( <br /><br />)

พฤติกรรมนี้ไม่สามารถกำหนดค่าได้ ทั้งตัวแก้ไขปัจจุบันตัวแก้ไขแบบร่างและตัวแก้ไข "เก่า" ใช้การรวมกันของแท็ก BR และ DIV เมื่อพวกเขาควรใช้แท็ก P

มันคือการตัดสินใจที่เหลือเชื่อและเป็นสิ่งที่ผิดอย่างสิ้นเชิง มันอธิบายถึงปัญหามากมายกับการแสดงย่อหน้าที่ไม่สอดคล้องกันใน Blogger อาจใช้งานได้ใน IE แต่อาจใช้งานไม่ได้กับเบราว์เซอร์ webkit เช่น Chrome และ Safari

ฉันคิดว่าเครื่องมือแก้ไขใหม่ล่าสุดแทรกแท็ก BR สองแท็กติดต่อกัน แต่อันที่เก่ากว่าแทรก DIV เดียวและ BR เดียว

Windows Live Writer ของ Microsoftทำสิ่งต่าง ๆ ได้อย่างถูกต้องตามที่ระบุไว้ข้างต้น MarsEditสำหรับ OS X มีความสอดคล้องน้อยกว่าฉันคิดว่าถ้าเริ่มต้นด้วยโพสต์ที่เขียนโดย Blogger มันจะทำให้เกิดความสับสนของแท็ก

ฉันรู้สึกถึงความเจ็บปวดของคุณ.

ฉันเพิ่งค้นพบว่าถ้าคุณเผยแพร่โพสต์บล็อกของคุณที่มีแท็ก p ทันทีแทนที่จะเปลี่ยนเป็นแท็บ HTML ก่อนแท็กแท็กจะยังคงอยู่

ตัวอย่าง:

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

1. ไปที่มุมมอง HTML
2. ใส่รหัสด้านบน
3. คลิกปุ่มเผยแพร่

หากคุณพยายามดูรหัสในแท็บ HTML แท็ก p จะถูกแทนที่ด้วยแท็ก div

วิธีหนึ่งคือเพียงใช้โปรแกรมแก้ไขข้อความที่แตกต่าง ฉันได้พยายามLive Writer Windows ของไมโครซอฟท์ซึ่งใช้แทน<p><br>

ไม่มีวิธีกำหนดค่าด้วย 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()วิธีนี้เพื่อช่วยแปลงข้อความนี้เป็นสามย่อหน้าที่มีรูปแบบดี:

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

ได้รับคุณจะต้องทำการเปลี่ยนแปลงเล็กน้อยด้านบนเพื่อให้สามารถใช้งานได้ แต่ฉันจะปล่อยให้คุณคิดออก :-)