Skip to main content

วิธีติดตั้ง CKEditor Templates สำหรับสร้างแม่แบบในช่องเนื้อหา ใน Drupal 9

โจทย์เริ่มต้นมีอยู่ว่า ต้องการสร้าง DIV สำหรับล้อมกรอบเนื้อหาสรุปก่อนเริ่มบทความ ในเว็บไซต์ที่ใช้ Drupal 9

ซึ่ง Drupal 9 นั้นติดตั้ง CKEditor รวมมาอยู่ใน Core อยู่แล้วไม่ต้องลงเพิ่ม (มีมาตั้งแต่ Drupal 8) แต่ด้วยข้อจำกัดบางประการทำให้ CKEditor ที่มากับ Drupal 9 ไม่มีคำสั่ง DIV ที่สามารถกำหนด CSS class ได้เอง มาให้ใช้แบบที่มีใน Drupal 7

Rounded Corners with CSS3

อ่านเจอจากบล็อกของ pittaya เกี่ยวกับการสั่งขอบโค้ง (rounded corners) ที่เป็นคุณสมบัติใหม่ของ CSS เวอร์ชั่น 3 (ซึ่งตอนนี้สามารถใช้ได้กับ Mozilla/Firefox และ Safari) เพียงแค่ใส่คำสั่ง CSS เพิ่มเข้าไปก็จะได้ขอบโค้งสวยงาม คำสั่งที่ใช้เพิ่มเข้าไปใน div คือ -moz-border-radius: 5px; // สำหรับ Mozilla/Firefox -webkit-border-radius: 5px; // สำหรับ Safari หรือจะให้โค้งเฉพาะมุมใดมุมหนึ่งก็ได้ เช่น มุมบนซ้าย -moz-border-radius-topleft: 5px; // สำห
Subscribe to Div