Bagaimana saya bisa membuat blogger menyisipkan tag <p> alih-alih <br> saat menggunakan editor teks kaya?


10

Saya tidak suka bagaimana ketika saya menggunakan editor teks kaya di Blogger dan saya menekannya Entermemasukkan <br >bukan <p>. Apakah ada cara untuk mengubah perilaku? Atau setidaknya adakah cara untuk menyisipkan <p>tanpa beralih ke tab HTML?

Ngomong -ngomong, saya menggunakan Blogger dalam konsep . Saya mencoba editor lama dan baru; dan menggunakan Press "Enter" for line breaksbukannya Use <br /> tagstidak membantu.

Saya juga mencoba menonaktifkan Convert Line breaks, yang digambarkan sebagai:

Jika Ya dipilih, satu pengembalian keras yang dimasukkan dalam Editor Posting akan diganti dengan satu <br />tag di blog Anda, dan dua pengembalian keras akan diganti dengan dua tag ( <br /><br />).


Solusi buruk, tetapi jika Anda ingin menghilangkan jeda baris ganda, Anda dapat menyembunyikan yang kedua <br/>dengan aturan CSS seperti br+br {display: none}​di Theme > Edit HTML di mana Anda akan menemukan banyak gaya di bawah<head><b:skin><![CDATA[...
ccpizza

Jawaban:


10

Perilaku ini tidak dapat dikonfigurasi. Baik editor saat ini, draft editor dan editor "lama" menggunakan kombinasi tag BR dan DIV ketika mereka harus menggunakan tag P.

Ini adalah keputusan yang membingungkan pikiran, dan itu sama sekali salah. Ini menjelaskan banyak masalah dengan rendering paragraf yang tidak konsisten di Blogger. Mungkin bekerja di IE, tetapi tidak bekerja secara konsisten di browser webkit seperti Chrome dan Safari.

Saya pikir editor terbaru menyisipkan dua tag BR berturut-turut, tetapi yang lebih tua memasukkan DIV tunggal dan BR tunggal.

Microsoft Windows Live Writer melakukan hal-hal dengan benar seperti yang disebutkan di atas. MarsEdit untuk OS X kurang konsisten, saya pikir jika dimulai dengan posting yang ditulis oleh Blogger, tag itu akan membingungkan.

Aku merasakan sakitmu.


Tetapi bisakah Live Writer mengedit posting yang ada? Karena banyak orang termasuk saya suka memposting artikel, membaca dan memoles.
Gqqnbig

4

Saya baru tahu bahwa jika Anda mempublikasikan posting blog Anda yang berisi p-tag langsung alih-alih beralih ke tab HTML terlebih dahulu, maka p-tag tetap.

Contoh:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. Lihat tampilan HTML.
  2. Masukkan kode di atas.
  3. Klik tombol Publikasikan.

Jika Anda mencoba melihat kode di tab HTML, tag-p akan diganti dengan tag-div.



0

Yah tidak ada cara untuk mengkonfigurasinya dengan Blogger.

Tapi yang saya sadari adalah bahwa ini bisa dilakukan dengan jQuery.

Untuk melakukan ini, Anda harus pergi ke area templat dan klik "edit HTML". Lakukan pencarian /body. Tepat di atas itu, masukkan <script src="http://code.jquery.com/jquery-1.10.1.min.js">Kemudian masukkan <script></script>. Apa yang Anda miliki sekarang, seharusnya ini:

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

Panggilan jQuery yang tepat dapat diketahui dari halaman ini di mana mereka memberikan contoh meminta hampir persis apa yang ingin Anda lakukan. Contoh ini telah disalin di bawah ini (dari 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>

Kita dapat menggunakan .contents()metode untuk membantu mengubah gumpalan teks ini menjadi tiga paragraf yang terbentuk dengan baik:

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

Memang, Anda harus melakukan sedikit perubahan di atas untuk membuatnya berfungsi. Tapi aku akan meninggalkanmu untuk mencari tahu. :-)

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.