Giữ định dạng HTML khi chuyển từ trình soạn thảo Visual sang HTML


12

Tôi đã tìm kiếm một giải pháp cho phép tôi chỉnh sửa mã HTML và giữ nguyên nó sau khi chuyển sang trình soạn thảo Visual và quay lại.

Tôi đã thử một loạt những thứ không có may mắn:

  • plugin wp-no-format
  • plugin HTML thô
  • nhập tất cả HTML của tôi trên một dòng

Nếu chỉ có tôi quản lý nội dung, tôi sẽ vô hiệu hóa trình soạn thảo Visual. Nhưng vì tôi có một số người quản lý nội dung và các trang có HTML (ví dụ như biểu mẫu) và nội dung mà họ cần chỉnh sửa, đó không phải là một lựa chọn.

Bất cứ đề xuất nào cũng sẽ được đánh giá rất cao.


bạn đang cố gắng hiển thị mã trong một bài đăng / trang
xLRDxREVENGEx

Mã HTML được hiển thị phổ biến nhất trên một trang, vâng.
evanmcd

Tôi vừa thêm một vài tô sáng cú pháp cộng với kết quả tìm kiếm
xLRDxREVENGEx

Giải pháp duy nhất tôi tìm thấy mã tôn trọng trong chế độ xem HTML và Visual Editor là rawhtmlpro.com
Sylvain Rayé

Câu trả lời:


7

Tôi biết chính xác cảm giác của bạn, và thật đáng buồn vấn đề này bắt nguồn từ mã lõi wordpress không phải trong TinyMCE hoặc do vấn đề tương thích trình duyệt. Tôi đã viết một plugin cho phép bạn định dạng đánh dấu html trong trình soạn thảo HTML, chuyển đổi qua lại giữa nó và tab Visual mà không ảnh hưởng đến mã nguồn và thực hiện các thay đổi trong tab Visual mà không phá vỡ định dạng HTML gốc ...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

Nó cũng duy trì các vết lõm theo thẻ - chỉ có 4 khoảng trắng :( - và nó tăng cường khả năng tương thích HTML5.

"Cạm bẫy" duy nhất là nó vô hiệu hóa wpautop. Tôi trích dẫn cạm bẫy vì một số người ghét rằng trình soạn thảo bao bọc các thẻ p xung quanh nội dung của họ, do đó, trình soạn thảo Visual sẽ sử dụng thẻ br để trả về vận chuyển thay thế - vì vậy bạn có thể cần điều chỉnh biểu định kiểu của mình.

Thưởng thức!


1
Tôi đã cập nhật plugin với một vài tính năng giải quyết vấn đề không có wpautop. Bây giờ trình soạn thảo trực quan có thể được cấu hình để thêm thẻ p hoặc thẻ br hoặc cả hai (hai dòng mới liên tiếp tạo thẻ ap.) Và nó hỗ trợ javascript và css nội tuyến. Trong phiên bản 1.5, sắp được phát hành, nó cũng sẽ hỗ trợ các khối mã javascript. Nếu bạn muốn đánh dấu của bạn trông giống như bạn đã viết nó, đó chắc chắn là plugin để sử dụng. Không có gì tôi đã cố gắng đến gần.
Giáo hoàng Marcus

Cảm ơn bạn rất nhiều, đây là giải pháp duy nhất mà tôi đã tìm thấy khiến trình soạn thảo trực quan (sau khi lưu) không thay đổi HTML.
jackJoe

Hôm nay là năm 2015 và plugin có bản cập nhật
Ooker

Vẫn hoạt động như một lá bùa!
joseantgv


0

Nếu chỉ có các phần mã mà bạn không muốn đọc sai, bạn có thể lưu trữ HTML / embed / etc nhạy cảm đó vào các trường tùy chỉnh.

Bằng cách sử dụng plugin shortcode này, bạn có thể bao gồm các trường tùy chỉnh RAW bên trong bất kỳ bài đăng, trang hoặc thậm chí tiện ích nào có nội dung như: [bao gồm "tên trường tùy chỉnh của tôi"]. Nó cũng có thể kéo các đoạn phổ biến từ các bài đăng khác bằng một cái gì đó như [bao gồm toàn cầu = "shared_code_menu"].

Đây là một lựa chọn rẻ tiền và có những hạn chế, nhưng nó nhẹ và đơn giản.

http://pp19dd.com/wordpress-plugin-include-custom-field/



-1

Ok vì vậy hãy chuyển câu trả lời này ngay bây giờ. Bạn có muốn một cái gì đó như thế này

-Tiêu đề-
Bài mẫu

-content-
lalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Danh sách các công cụ tô sáng cú pháp
- Nút SyntaxHighlighter TinyMCE
- WP SyntaxHighligter
- RBCODE
- Kết quả tìm kiếm từ Wordpress Extend


Hmm, thành thật không chắc chắn những gì bạn đang cố gắng vượt qua với câu trả lời đó. Bạn có thể giải thích thêm một chút không? Bạn có hiểu bản chất của vấn đề tôi đang cố gắng giải quyết không?
evanmcd

Tôi hỏi nếu bạn muốn hiển thị html bạn nói có. Vì vậy, đó là những gì một cú pháp highlighter làm. Bây giờ nếu đó không phải là những gì bạn đang tìm kiếm thì xin lỗi nhưng đó là cách tôi đọc nó. Vì vậy, bạn đang cố gắng sử dụng html tùy chỉnh trong một bài đăng để thay đổi giao diện của bài viết?
xLRDxREVENGEx

Vấn đề tôi đang cố gắng giải quyết: 1) nhập HTML vào Chế độ xem HTML. 2) chuyển sang Chế độ xem thiết kế. 3) chuyển về Chế độ xem HTML. HTML đã được sửa đổi khi tôi không muốn nó như vậy.
evanmcd

vâng tôi mới nhận ra điều đó xảy ra Tôi không bao giờ sử dụng chế độ xem không html nên tôi không bao giờ nhận ra điều đó. Tôi vẫn đang cố gắng để tìm ra nó
xLRDxREVENGEx
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.