ข้ามไปที่เนื้อหาหลัก
  วันพุธที่ 26 มิถุนายน 2019
  2 ตอบกลับ
  การเข้าชม 3.3K
  ติดตาม
สวัสดี,

เราจะป้องกันไม่ให้ Dropeditor เปลี่ยนซอร์สโค้ดของบทความได้อย่างไร เราใช้ CSS ที่กำหนดเองและ Dropeditor ทำลายเลย์เอาต์ ตัวอย่างเช่นสิ่งต่อไปนี้:


<ul id="hexGrid" zoompage-fontsize="13">
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img1.jpg" alt="" />
         <h1 zoompage-fontsize="42">Header 1</h1>
         <p zoompage-fontsize="14">Text 1</p>
      </a>
   </li>
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img2" alt="" />
         <h1 zoompage-fontsize="42">Header 2</h1>
         <p zoompage-fontsize="14">Text 2</p>
      </a>
   </li>
   <li class="hex" zoompage-fontsize="13">
      <a class="hexIn" href="/path" zoompage-fontsize="14">
         <img src="/img3" alt="" />
         <h1 zoompage-fontsize="42">Header 3</h1>
         <p zoompage-fontsize="14">Text 3</p>
      </a>
   </li>
</ul>


ได้รับการเปลี่ยนเป็นสิ่งนี้เมื่อ Dropeditor เปิดบทความ:


<ul id="hexGrid" zoompage-fontsize="13">
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img1.jpg" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 1</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 1</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img2" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 2</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 2</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
	<li class="hex" zoompage-fontsize="13"><a class="hexIn" href="/path" zoompage-fontsize="14"><img alt="" src="/img3" /> </a>
	<h1 zoompage-fontsize="42"><a class="hexIn" href="/path" zoompage-fontsize="14">Header 3</a></h1>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a>

	<p zoompage-fontsize="14"><a class="hexIn" href="/path" zoompage-fontsize="14">Text 3</a></p>
	<a class="hexIn" href="/path" zoompage-fontsize="14"> </a></li>
</ul>

6 ปีที่แล้ว
·
#12166
สวัสดี,

ขอขอบคุณที่ติดต่อเราเกี่ยวกับส่วนขยายนี้
เราจะป้องกันไม่ให้ Dropeditor เปลี่ยนซอร์สโค้ดของบทความได้อย่างไร เราใช้ CSS ที่กำหนดเองและ Dropeditor ทำลายเลย์เอาต์

DropEditor ถูกสร้างขึ้นตาม CKEditor มันทำความสะอาดเอาท์พุท HTML เอาท์พุทโดยอัตโนมัติเพื่อให้สะอาดและถูกต้องมากขึ้น
ขณะนี้ไม่มีการตั้งค่าใด ๆ ใน DropEditor เพื่อปิดการใช้งานคุณสมบัตินี้

หวังว่ามันจะช่วยได้!
ไชโย
6 ปีที่แล้ว
·
#12171
จริงๆ แล้วมีนิดหน่อยครับ ผมยังไม่ค่อยเข้าใจว่าทำไม CKEditor ถึงปรับโครงสร้างโค้ดของเรา หรือจะป้องกันมันยังไง การปิด Advanced Content Filtering ก็ไม่ได้ผล

แต่ผมพบว่าสามารถเพิ่มโค้ดที่ตัวแก้ไขไม่สนใจได้ด้วยการตั้งค่า config.protectedSource ผมลองใช้ในเบราว์เซอร์แล้วได้ผล

มีวิธีตั้งค่า CKEditor เพื่อไม่ให้มันเขียนทับตอนอัปเดต DropEditor ไหมครับ
  • หน้าหนังสือ :
  • 1
ยังไม่มีการตอบกลับสำหรับโพสต์นี้