it-swarm-vi.tech

Làm cách nào tôi có thể cải thiện xử lý ngắt dòng trong trình soạn thảo WYSIWYG?

Tôi luôn thấy mình ở chế độ HTML trong trình chỉnh sửa để thử và nhận những thứ đơn giản như ngắt giữa các đoạn để hiển thị đúng (sử dụng <p></p>). Điều đó có bình thường không? Có một trình soạn thảo tốt hơn ngoài đó mà tôi có thể sử dụng?

5
tooshel

Điều xảy ra là TinyMCE chuyển đổi mọi ngắt dòng kép trong nguồn HTML thành <p></p> và ngược lại. Nó thực sự sẽ loại bỏ bất kỳ <p/> nào bạn nhập thủ công vào nguồn HTML sau khi bạn lưu, bởi vì khi nội dung của bài đăng được hiển thị, <p></p> sẽ được thêm vào.

Việc thay thế auto -<p> chỉ hoạt động khi bạn hiển thị nội dung của bài đăng với <?php the_content() ?>, nếu bạn xuất trực tiếp $post->post_content, nó sẽ không đi qua các móc định dạng tương tự và sẽ trông đơn giản và không bị ngắt dòng hoặc đoạn.

Nếu những gì bạn muốn có nhiều thẻ <br/> trong đánh dấu được hiển thị, có lẽ bạn nên tìm một giải pháp tốt hơn dựa trên CSS và việc sử dụng các thuộc tính CSS margin hoặc padding.

8
Asbjørn Ulsberg

Tôi đồng ý với một số bài viết ở trên, vì câu trả lời trực tiếp cho câu hỏi (giả sử tiếp tục sử dụng trình soạn thảo WYSIWYG). Nhưng sau khi dùng thử, tôi phải khuyên bạn ít nhất nên xem xét lại và chuyển sang trình soạn thảo HTML.

Giả sử bạn vẫn ở bên tôi (bạn đang xem đó là một lựa chọn), sẽ có nhiều hơn thế. "À," bạn nói, "Trình soạn thảo HTML vẫn thêm ngắt dòng và nói chung là gây rối với tôi!" Đúng, đó là lý do tại sao bạn cần xóa bộ lọc tự động p. Để có biện pháp tốt, vì tôi chuyển sang HTML thuần túy nhất có thể, tôi lấy ra bộ kết cấu, xử lý những thứ như dấu ngoặc kép.

Chuyển đến trình chỉnh sửa chủ đề của bạn. Chuyển đến tệp "Chức năng chủ đề" (Hàm.php). Thêm những điều sau:

remove_filter ('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');

Nhưng tôi cũng thêm điều này nếu tôi dự định sử dụng đoạn trích bài/trang:

remove_filter ('the_excerpt', 'wpautop');
remove_filter('the_excerpt', 'wptexturize');

Mong rằng sẽ giúp! Và thẳng thắn ... Tôi chưa bao giờ thử vô hiệu hóa các bộ lọc cùng với trình chỉnh sửa trực quan! Có lẽ nó thực sự cũng giúp trong vấn đề đó!

5
Greg

Tôi khuyên bạn nên TinyMCE Advanced cũng vậy, tôi thích có nhiều quyền kiểm soát hơn đối với mã HTML mà người dùng có thể chỉnh sửa trên trang web. Có một tùy chọn Stop removing the P and BR tags when saving and show them in the HTML editor sẽ thực hiện thủ thuật, mặc định nó chưa được sử dụng nên sau khi cài đặt, bạn cần vào phần cài đặt và kích hoạt nó. Một lợi thế khác là khả năng hiển thị/ẩn các khía cạnh khác nhau của trình chỉnh sửa để bạn có thể xóa các nút mà người dùng cuối có thể có khả năng chơi xung quanh và cố gắng 'sáng tạo' với định dạng nội dung của họ! Nhiều tùy chọn không mong muốn được bật theo mặc định, do đó bạn cần truy cập và xóa các tùy chọn bạn không muốn.

2
Rick Curran

Tôi sử dụng Vô hiệu hóa plugin WPautop , như mong đợi, vô hiệu hóa chức năng wpautop . Điều đó có thể hữu ích, tùy thuộc vào tình huống của bạn.

1
Travis Northcutt

Tóm lại: có. Điều đó là bình thường.

Không có không có biên tập viên tốt hơn ra khỏi đó.

Bạn có thể thử TinyMCE Advanced và xem nếu nó giúp.

Ngoài ra, nếu bạn sử dụng backticks (`) trên trang web này, nó sẽ thoát khỏi html của bạn:

<br />

1
John P Bloch

Lý do bạn gặp sự cố là vì WordPress thích sử dụng

các thẻ, có nhiều ngữ nghĩa hơn ngắt dòng.

0
scribu