TinyMCE Editor

TinyMCE เป็นบรรณาธิการเนื้อหาคลาสสิกของ WordPress (ถูกแทนที่ด้วย Gutenberg ใน WordPress 5.0) ช่วยให้คุณสามารถเขียน แก้ไข และจัดรูปแบบข้อความบนเว็บไซต์ของคุณได้ เป็นวิธีที่ง่ายในการจัดการข้อความทั้งหมดของคุณด้วยเครื่องมือที่คุ้นเคยอยู่แล้ว

เมื่อใดก็ตามที่คุณเพิ่ม Element เนื้อหาของ Visual Composer ที่มีย่อหน้าข้อความ คุณจะมีตัวเลือกในการทำงานกับตัวแก้ไข TinyMCE

การควบคุม TinyMCE

มีปุ่มมากมายสำหรับจัดการเนื้อหาของคุณ ส่วนใหญ่รู้จัก Google Docs of MS Word แล้ว ตัวเลือกของ TinyMCE คือ:

  • ย่อหน้า – คุณสามารถเลือกรูปแบบของข้อความโดยเลือกตัวเลือกที่กำหนด(เช่น ข้อความในย่อหน้า หัวเรื่อง ฯลฯ) 
  • Exclusive: ฟอนต์ family– เลือกแบบอักษรเริ่มต้นหรือเลือกจากแบบอักษร Google ที่มีอยู่ทั้งหมด
  • Exclusive:น้ำหนักแบบอักษร – ควบคุมน้ำหนักแบบอักษรของข้อความของคุณ
  • Exclusive:ขนาดฟอนต์ – เลือกจากขนาดฟอนต์ต่างๆ
  • Exclusive:ความสูงของบรรทัด – เลือกความสูงของบรรทัดสำหรับย่อหน้าและหัวเรื่องของคุณ
  • Exclusive: การเว้นวรรคจดหมาย – กำหนดระยะห่างตัวอักษรที่กำหนดเองสำหรับย่อหน้าและหัวเรื่องของคุณ
  • ตัวหนา – ใช้การจัดรูปแบบตัวหนาเพื่อปรับปรุงข้อความหรือตัวเลขที่เลือก หรือลบการจัดรูปแบบตัวหนา
  • ตัวเอียง – ทำให้ข้อความที่เลือกเป็นตัวเอียงหรือลบการจัดรูปแบบตัวเอียง
  • รายการสัญลักษณ์แสดงหัวข้อย่อย – เพิ่มหรือลบสัญลักษณ์แสดงหัวข้อย่อยในย่อหน้าที่เลือก
  • รายการลำดับเลข – เพิ่มหรือลบตัวเลขในย่อหน้าที่เลือก
  • Blockquotes – เพิ่ม blockquotes (รูปแบบถูกกำหนดโดยธีม WordPress ที่คุณกำลังใช้)ให้กับข้อความที่เลือก
  • จัดชิดซ้าย – จัดข้อความที่เลือกไปทางซ้าย
  • จัดกึ่งกลาง – จัดข้อความที่เลือกไว้ตรงกลาง
  • จัดชิดขวา – จัดข้อความที่เลือกไปทางขวา
  • แทรก/แก้ไขลิงก์ – เพิ่มหรือแก้ไขลิงก์ไปยังข้อความของคุณ
  • แทรกแท็ก "อ่านเพิ่มเติม" – เพิ่มแท็ก "อ่านเพิ่มเติม" ลงในเนื้อหาของคุณเพื่อแจ้งให้ WordPress ทราบเกี่ยวกับตัวแบ่งข้อความที่ตัดตอนมา
  • เต็มหน้าจอ – ขยายหน้าต่างแก้ไขข้อความให้เต็มหน้าจอ
  • สลับแถบเครื่องมือ – เมื่อเลือกปุ่มนี้ ไอคอนบรรทัดที่สองจะปรากฏขึ้น โดยเผยให้เห็นปุ่มแก้ไขภาพขั้นสูง

ปุ่มแก้ไขภาพขั้นสูงคือ(ใน Visual Composer ตัวเลือกขั้นสูงทั้งหมดจะพร้อมใช้งานตามค่าเริ่มต้น) 

  • ขีดทับ – คุณสามารถขีดทับคำใดก็ได้โดยเลือกคำนั้นหรือคลิกที่ใดก็ได้ในคำที่คุณต้องการขีดทับ
  • เส้นแนวนอน – เพิ่มเส้นแนวนอนตรงใต้ข้อความเป็นตัวแบ่ง
  • สีข้อความ – เปลี่ยนสีของข้อความ คุณสามารถเลือกสีที่กำหนดไว้ล่วงหน้า หรือสร้างสีที่กำหนดเองเพื่อให้เนื้อหาดูน่าสนใจยิ่งขึ้น
  • วางเป็นข้อความ – เมื่อเปิดใช้งานปุ่มนี้ เนื้อหาทั้งหมดที่คุณวางจะเป็นข้อความธรรมดา
  • ล้างการจัดรูปแบบ – ลบการจัดรูปแบบใดๆ ที่คุณทำกับข้อความที่เลือก
  • อักขระพิเศษ – เข้าถึงไลบรารีอักขระพิเศษ เพื่อเพิ่มอักขระลงในข้อความของคุณ
  • ลดการเยื้อง – ลดพื้นที่ด้านซ้ายของเนื้อหาที่เลือก
  • เพิ่มการเยื้อง – เว้นวรรคจากด้านซ้ายของเนื้อหาที่เลือก
  • เลิกทำ – ย้อนกลับการกระทำก่อนหน้าที่คุณทำ;
  • ทำซ้ำ – ทำซ้ำการกระทำก่อนหน้า;
  • แป้นพิมพ์ลัด – รายการทางลัดที่คุณสามารถใช้เพื่อเข้าถึงฟังก์ชันของแถบเครื่องมือได้เร็วขึ้น

หมายเหตุ:ปลั๊กอินและส่วนขยาย WordPress ที่แตกต่างกันสามารถปรับปรุงโปรแกรมแก้ไข TinyMCE ด้วยตัวเลือกเพิ่มเติม เช่น คุณสมบัติสกินใน Visual Composer

เพิ่มสื่อใน TinyMCE


คุณสามารถเพิ่มรูปภาพลงในข้อความได้โดยเลือกปุ่ม "เพิ่มสื่อ" ที่มุมขวาบน มันเปิดไลบรารีสื่อของ WordPress ซึ่งคุณสามารถอัปโหลดไฟล์ของคุณไปยังไลบรารีหรือเลือกไฟล์ที่อัปโหลดไปแล้วก่อนหน้านี้ นอกจากนี้ คุณสามารถเพิ่มรูปภาพหรือชื่อไฟล์ คำอธิบายภาพ alt และคำอธิบายได้อย่างง่ายดาย

แท็บภาพและข้อความใน TinyMCE


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

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

แท็บภาพและข้อความใน TinyMCE

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

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

หากคุณมีข้อความสีขาว คุณสามารถใช้การสลับสกิน(อยู่ที่มุมล่างขวาของ TinyMCE)เพื่อสลับพื้นที่เนื้อหาเป็นพื้นหลังสีเข้มอย่างรวดเร็วเพื่อความเปรียบต่างที่ดีขึ้น