Làm cách nào tôi có thể khiến blogger chèn thẻ <p> thay vì <br> khi sử dụng trình soạn thảo văn bản phong phú?


10

Tôi không thích làm thế nào khi tôi sử dụng trình soạn thảo văn bản phong phú trong Blogger và tôi nhấn Enternó để chèn <br >thay vì a <p>. Có cách nào để thay đổi hành vi? Hoặc ít nhất có cách nào để chèn <p>mà không chuyển sang tab HTML không?

Nhân tiện, tôi đang sử dụng Blogger . Tôi đã thử cả trình soạn thảo cũ và cái mới; và sử dụng Press "Enter" for line breaksthay vì Use <br /> tagskhông giúp đỡ.

Tôi cũng đã thử vô hiệu hóa Convert Line breaks, được mô tả là:

Nếu Có được chọn, các lợi nhuận cứng được nhập trong Trình chỉnh sửa bài sẽ được thay thế bằng <br />các thẻ đơn trong blog của bạn và hai lợi nhuận cứng sẽ được thay thế bằng hai thẻ ( <br /><br />).


Một cách giải quyết xấu xí, nhưng nếu bạn muốn thoát khỏi ngắt dòng đôi, bạn có thể ẩn đoạn thứ hai <br/>bằng quy tắc CSS như br+br {display: none}​trong Chủ đề > Chỉnh sửa HTML , nơi bạn sẽ tìm thấy một loạt các kiểu bên dưới<head><b:skin><![CDATA[...
ccpizza

Câu trả lời:


10

Hành vi này không thể cấu hình. Cả trình soạn thảo hiện tại, trình soạn thảo dự thảo và trình soạn thảo "cũ" đều sử dụng kết hợp các thẻ BR và DIV khi chúng nên sử dụng thẻ P.

Đó là một quyết định không cân nhắc, và nó hoàn toàn sai. Nó giải thích rất nhiều vấn đề với kết xuất đoạn không nhất quán trong Blogger. Có lẽ nó hoạt động trong IE, nhưng nó không hoạt động nhất quán trong các trình duyệt webkit như Chrome và Safari.

Tôi nghĩ rằng trình soạn thảo mới nhất chèn hai thẻ BR liên tiếp, nhưng cái cũ hơn đã chèn một DIV và một BR duy nhất.

Windows Live Writer của Microsoft thực hiện mọi thứ chính xác như đã lưu ý ở trên. MarsEdit cho OS X ít nhất quán hơn, tôi nghĩ rằng nếu nó bắt đầu bằng một bài đăng của tác giả Blogger thì nó bị nhầm lẫn thẻ.

Tôi cảm nhận được nỗi đau của bạn.


Nhưng Live Writer có thể chỉnh sửa một bài đăng hiện có không? Vì nhiều người trong đó có tôi thích đăng bài viết, đọc và đánh bóng.
Gqqnbig

4

Tôi chỉ phát hiện ra rằng nếu bạn xuất bản bài đăng trên blog của mình có chứa thẻ p ngay lập tức thay vì chuyển sang tab HTML trước thì thẻ p vẫn ở lại.

Thí dụ:

<p>
Here is a body text<br />
that is wrapped in p-tags<br />
</p>
  1. Chế độ xem Goto HTML.
  2. Nhập mã ở trên.
  3. Nhấp vào nút Xuất bản.

Nếu bạn cố gắng xem mã trong tab HTML, thẻ p sẽ được thay thế bằng thẻ div.



0

Vâng, không có cách nào để cấu hình nó với Blogger.

Nhưng điều tôi nhận ra là điều này có thể được thực hiện với jQuery.

Để thực hiện việc này, bạn sẽ cần phải đi đến khu vực mẫu và nhấp vào Chỉnh sửa HTML. Làm một tìm kiếm cho /body. Chỉ cần ở trên, chèn <script src="http://code.jquery.com/jquery-1.10.1.min.js">Sau đó chèn <script></script>. Những gì bạn có bây giờ, nên là đây:

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

Các cuộc gọi jQuery thích hợp có thể được tìm ra từ trang này trong đó họ đưa ra một ví dụ yêu cầu gần như chính xác những gì bạn muốn làm. Ví dụ này đã được sao chép bên dưới (từ 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>

Chúng tôi có thể sử dụng .contents()phương pháp để giúp chuyển đổi các đốm văn bản này thành ba đoạn được định dạng tốt:

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

Cấp, bạn sẽ cần phải thực hiện một số thay đổi nhỏ ở trên để làm cho nó hoạt động. Nhưng điều đó tôi sẽ để cho bạn tìm ra. :-)

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.