เก็บรูปแบบ HTML เมื่อเปลี่ยนจากตัวแก้ไข Visual เป็น HTML


12

ฉันกำลังมองหาโซลูชันที่จะช่วยให้ฉันแก้ไขโค้ด HTML และยังคงมีอยู่หลังจากเปลี่ยนไปใช้ตัวแก้ไข Visual และย้อนกลับ

ฉันลองสิ่งต่าง ๆ โดยไม่มีโชค:

  • ปลั๊กอิน wp-no-format
  • ปลั๊กอิน Raw HTML
  • ป้อน HTML ทั้งหมดของฉันในบรรทัดเดียว

หากเป็นเพียงฉันจัดการเนื้อหาฉันจะปิดการใช้งานโปรแกรมแก้ไขภาพ แต่เนื่องจากฉันมีผู้จัดการเนื้อหาจำนวนมากและหน้าเว็บที่มี HTML (แบบฟอร์มตัวอย่าง) และเนื้อหาที่พวกเขาต้องการแก้ไขนั่นไม่ใช่ตัวเลือก

ข้อเสนอแนะใด ๆ จะได้รับการชื่นชมอย่างมาก


คุณพยายามที่จะแสดงรหัสในโพสต์ / หน้า
xLRDxREVENGEx

รหัส HTML จะปรากฏบ่อยที่สุดในหน้าใช่
evanmcd

ฉันเพิ่งเพิ่ม
ปากกา

วิธีแก้ปัญหาเดียวที่ฉันพบซึ่งโค้ดการเคารพในมุมมอง HTML และ Visual Editor คือrawhtmlpro.com
Sylvain Rayé

คำตอบ:


7

ฉันรู้แน่ชัดว่าคุณรู้สึกอย่างไรและน่าเศร้าที่ปัญหานี้เกิดขึ้นจากรหัสหลักเวิร์ดเพรสที่ไม่ได้อยู่ใน TinyMCE หรือเนื่องจากปัญหาความเข้ากันได้ของเบราว์เซอร์ ฉันเขียนปลั๊กอินที่อนุญาตให้คุณจัดรูปแบบมาร์กอัป html ในตัวแก้ไข HTML สลับไปมาระหว่างมันกับแท็บ Visual โดยไม่มีผลกับซอร์สโค้ดและทำการเปลี่ยนแปลงในแท็บ Visual โดยไม่ทำลายรูปแบบ HTML ดั้งเดิม ...

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

นอกจากนี้ยังรักษาการเยื้องแบบแท็บ - 4 ช่องว่างเท่านั้น :( - และเพิ่มความเข้ากันได้กับ HTML5

"หลุมพราง" เท่านั้นคือมันปิดการใช้งาน wpautop ฉันอ้างถึงข้อผิดพลาดเพราะบางคนเกลียดที่บรรณาธิการห่อแท็ก p รอบเนื้อหาของพวกเขาดังนั้นโปรแกรมแก้ไข Visual จะใช้แท็ก br สำหรับการคืนสินค้าแทน - ดังนั้นคุณอาจต้องปรับเปลี่ยนสไตล์ของคุณ

สนุก!


1
ฉันได้อัปเดตปลั๊กอินด้วยคุณสมบัติไม่กี่อย่างที่แก้ปัญหา wpautop ไม่ได้ ตอนนี้โปรแกรมแก้ไขภาพสามารถกำหนดค่าให้ฉีดแท็ก p หรือแท็ก br หรือทั้งสองอย่าง (ขึ้นบรรทัดใหม่ติดต่อกันสองสร้าง ap แท็ก.) และมันรองรับจาวาสคริปต์และ css แบบอินไลน์ ในเวอร์ชั่น 1.5 จะมีการเปิดตัวเร็ว ๆ นี้ซึ่งจะรองรับบล็อกโค้ดจาวาสคริปต์เช่นกัน หากคุณต้องการให้มาร์กอัปของคุณดูเหมือนที่คุณเขียนมันเป็นปลั๊กอินที่แน่นอนที่จะใช้ ไม่มีอะไรที่ฉันได้ลองมาก่อน
Marcus Pope

ขอบคุณมากนี่เป็นทางออกเดียวที่ฉันพบว่าทำให้ตัวแก้ไขภาพ (หลังจากบันทึก) ไม่เปลี่ยน HTML
jackJoe

วันนี้เป็นปี 2015 และปลั๊กอินมีการอัปเดต
Ooker

ยังคงทำงานเหมือนมีเสน่ห์!
joseantgv

2

คุณสามารถลองใช้ปลั๊กอินนี้:

TinyMCE Advanced มีการตั้งค่าเป็นหยุดลบ<p>และ<br />แท็กเมื่อบันทึกและแสดงไว้ในเครื่องมือแก้ไข HTML


@evanmcd หยุดหยุดการลบแท็ก <p> และ <br /> ออกไหม
sam

0

หากมีเพียงบางส่วนของรหัสที่คุณไม่ต้องการให้มีการพันกันคุณสามารถจัดเก็บ HTML / ฝัง / etc ที่ละเอียดอ่อนลงในฟิลด์ที่กำหนดเองได้

ด้วยการใช้ปลั๊กอินย่อนี้คุณสามารถรวมฟิลด์ RAW ที่กำหนดเองไว้ในโพสต์เพจหรือวิดเจ็ตใด ๆ ที่มีสิ่งที่ต้องการ: [รวม "ชื่อฟิลด์ที่กำหนดเองของฉัน"] นอกจากนี้ยังสามารถดึงตัวอย่างข้อมูลทั่วไปจากโพสต์อื่น ๆ ด้วยบางสิ่งเช่น [รวม global = "shared_code_menu"]

มันเป็นทางเลือกที่ประหยัดและมีข้อ จำกัด แต่มันมีน้ำหนักเบาและตรงไปตรงมา

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



-1

ตกลงให้ย้ายคำตอบนี้ไปก่อน คุณต้องการอะไรแบบนี้

-Title-
โพสต์ตัวอย่าง

- เนื้อหา -
lalalalalalalalalala

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

รายการของเครื่องมือเน้นข้อความด้านไวยากรณ์
- ปุ่ม SyntaxHighlighter TinyMCE
- WP SyntaxHighligter
- RBCODE
- ผลลัพธ์การค้นหาจาก Wordpress Extend


อืมจริงๆไม่แน่ใจว่าสิ่งที่คุณพยายามที่จะข้ามกับคำตอบนั้น คุณช่วยอธิบายอีกเล็กน้อยได้ไหม? คุณเข้าใจลักษณะของปัญหาที่ฉันพยายามแก้ไขหรือไม่?
evanmcd

ฉันถามว่าคุณต้องการแสดง html ที่คุณพูดว่าใช่หรือไม่ ดังนั้นนี่คือสิ่งที่เครื่องมือเน้นข้อความใช้เพื่อเน้น ตอนนี้ถ้านั่นไม่ใช่สิ่งที่คุณกำลังมองหาแล้วขอโทษ แต่นั่นเป็นวิธีที่ฉันอ่านมัน คุณกำลังพยายามใช้ html ที่กำหนดเองภายในโพสต์เพื่อเปลี่ยนรูปลักษณ์ของโพสต์หรือไม่
xLRDxREVENGEx

ปัญหาที่ฉันพยายามแก้ไข: 1) ป้อน HTML ในมุมมอง HTML 2) เปลี่ยนเป็นมุมมองออกแบบ 3) เปลี่ยนกลับเป็นมุมมอง HTML HTML ได้รับการแก้ไขเมื่อฉันไม่ต้องการให้เป็น
evanmcd

ใช่ฉันเพิ่งรู้ว่าสิ่งที่เกิดขึ้นฉันไม่เคยใช้มุมมอง html ที่ไม่ใช่ดังนั้นฉันไม่เคยตระหนักว่า ฉันยังคงพยายามคิด
xLRDxREVENGEx
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.