JCE / TinyMCE - พยายามแก้ไข HTML ที่ถูกต้องและไม่ถูกต้อง

จากบรรณาธิการ Joomla ทั้งหมดที่เราใช้ JCE นั้นเหมาะสมกับวัตถุประสงค์และลูกค้าของเรามากที่สุด แต่มีปัญหาเล็กน้อยเกี่ยวกับเครื่องมือแก้ไขที่อาจทำให้เกิดปัญหาเมื่อเราเขียนโค้ดบางอย่างจากนั้นจะสลับเป็น wysiwyg และเครื่องมือแก้ไขพยายาม 'แก้ไข' html ที่ถูกต้องสมบูรณ์ของเรา

ก่อนที่คุณจะถามคำถาม - ใช่เราได้ตั้งค่าให้อนุญาตองค์ประกอบทั้งหมดที่ JCE ชอบ จำกัด และไม่ไม่ได้ตั้งค่าให้ตรวจสอบ / ล้าง HTML ข้อ จำกัด เพียงอย่างเดียวที่เรามีสำหรับการวางเนื้อหาลงในเครื่องมือแก้ไข

จัดแสดงนิทรรศการ:

<a href="#"></a>

สิ่งนี้จะหายไปเมื่อเปิดใช้ตัวแก้ไขและย้อนกลับ แทนที่ด้วย:

<p>&nbsp;</p>

จัดแสดง B:

<a id="#nameofanchor"></a>

การเปลี่ยนแปลงเป็น:

<p>&nbsp;</p>

จัดแสดง C:

<div><a id="#nameofanchor"></a></div>

การเปลี่ยนแปลงเป็น:

<div>&nbsp;</div>

จัดแสดง D:

<a id="hello" class="link">Hello</a>

การเปลี่ยนแปลงเป็น:

<p><a id="hello" class="link"></a>Hello</p>

จัดแสดง E:

<a href="#">
<div>
<h2>Our Work</h2>
</div>
</a>

การเปลี่ยนแปลงเป็น:

<p><a href="#"></a></p>
<div>
<h2><a href="#">Our Work</a></h2>
</div>
<p>&nbsp;</p>

ตอนนี้เราต้องการใช้ id แทนชื่อสมอของเราเพราะถูกต้องภายใต้ HTML5 ในขณะที่ชื่อทางเทคนิคไม่ได้ นอกจากนี้ในจักรวาลใดที่ id กำหนดให้ลิงก์ไม่ถูกต้อง

นอกจากนี้ตอนนี้มันถูกต้องตามกฎหมายที่จะห่อ div ด้วยลิงก์ทำไม JCE จะลบพวกนั้นออกเช่นกัน?

นี่เป็นเพียงการตั้งค่าที่ฉันขาดไปหรือไม่ ใครบ้างมีความเข้าใจอย่างถ่องแท้เกี่ยวกับวิธีที่ฉันสามารถใช้โปรแกรมแก้ไขเพื่อให้เราสามารถเขียนโค้ดตามที่เราต้องการในเครื่องมือแก้ไข แต่ลูกค้าของเราไม่สามารถทำลายมันได้ง่ายๆโดยการบันทึกใน wysiwyg?

แก้ไข: ฉันได้ทดสอบสิ่งนี้ในโครเมี่ยม, Firefox และซาฟารี อย่าคิดว่ามันจะเกี่ยวอะไรกับเบราว์เซอร์

แก้ไข: ฉันได้ทดสอบสิ่งนี้ด้วยการตั้งค่าคอนเทนเนอร์ ทั้งย่อหน้าคอนเทนเนอร์และย่อหน้าบน Enter และ Div Container & Div เมื่อป้อนทำให้เกิดสิ่งนี้ อีกสองคนไม่มีคอนเทนเนอร์ & ย่อหน้าเมื่อป้อน, ไม่มีคอนเทนเนอร์ & linebreak เมื่อป้อน, ไม่ก่อให้เกิด ปัญหาคือ - ฉันต้องการการตั้งค่าแรก! เท่าที่จะดีเพื่อให้ลูกค้าได้รับประโยชน์จากข้อสงสัยพวกเขาก็ไม่สามารถเชื่อถือได้ที่จะปฏิบัติตามคำแนะนำและเพิ่มการจัดรูปแบบย่อหน้าในข้อความของพวกเขา

ยืนยัน: สิ่งนี้เกิดขึ้นกับ TinyMCE

ดังนั้น - เรารู้ว่าอะไรทำให้เกิดสิ่งนี้ - การตั้งค่าคอนเทนเนอร์ย่อหน้า - ตอนนี้เราจะแก้ไขได้อย่างไร

ฉันใช้ JCE Editor ในทุกเว็บไซต์ของเรา แต่เราเริ่มติดตั้ง Sourcerer โดย NoNumbers สิ่งนี้ให้ปุ่ม INSERT CODE ที่ง่ายต่อการแก้ไข JCE ที่ป้องกันไม่ให้ถูกแก้ไข

http://www.nonumber.nl/extensions/sourcerer

มีการตั้งค่าลับสำหรับ JCE ฉันรู้ว่าการตั้งค่าต่อไปนี้หยุด ถูกเพิ่มลงใน divs ที่ว่างเปล่าอาจใช้เพื่อล้างการลอยซึ่งทำให้เกิดปัญหาเกี่ยวกับความสูงบรรทัดเมื่อแสดงผล:

In the Editor Global Configuration, add:
remove_div_padding:1 
to Custom Configuration Variables. 

ฉันคาดหวังว่าจะมีมากกว่านั้นที่สามารถควบคุมได้ทุกแง่มุมของเครื่องมือแก้ไข

ฉันคิดว่ามันจะต้องมีการตั้งค่าการพิมพ์ใน: รายละเอียด -> พารามิเตอร์ Editor -> พิมพ์ ลองตั้งค่าองค์ประกอบคอนเทนเนอร์ & Enter Key เป็น NoContainer & LineBreak เมื่อกด Enter เพื่อดูว่ายังคงมีการเปลี่ยนแปลง html ของคุณหรือไม่

โปรดจำไว้ว่าการตั้งค่าการตรวจสอบความถูกต้องของ HTML นั้นมีการตั้งค่าสำหรับแต่ละโพรไฟล์ของตัวแก้ไขและ Joomla นั้นยังมีตัวกรองระดับโลกในหน้าการตั้งค่าระดับโลกที่กำหนดโดยกลุ่มผู้ใช้ ตรวจสอบให้แน่ใจว่าไม่มีการตั้งค่าสำหรับแต่ละกลุ่มผู้ใช้

พฤติกรรมนี้ไม่ซ้ำกับ JCE TinyMCE ทำงานในลักษณะเดียวกัน ลักษณะการทำงานนี้อาจไม่ จำกัด TinyMCE มันอาจเป็นลักษณะการทำงานของเบราว์เซอร์ DOM

JCE ไปถึงปัญหาของการพยายามเก็บแท็กเปล่า ๆ ไว้วิธีการที่ใช้คือการเว้นช่องว่าง

https://github.com/widgetfactory/jce-editor/blob/master/editor/tiny_mce/plugins/cleanup/editor_plugin.js