วิธีใช้ปลั๊กอินขั้นสูง TinyMCE ใน WordPress

หากคุณต้องการเพิ่มคุณสมบัติและตัวเลือกเพิ่มเติมให้กับตัวแก้ไข WordPress คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน TinyMCE Advanced ปลั๊กอินนี้จะช่วยให้คุณควบคุมตัวแก้ไข WordPress ได้มากขึ้น และยังเพิ่มคุณสมบัติและตัวเลือกใหม่ๆ อีกด้วย ในบทความนี้เราจะแสดงวิธีใช้ปลั๊กอิน TinyMCE Advanced ใน WordPress ปลั๊กอิน TinyMCE Advanced มีให้บริการฟรีจากที่เก็บปลั๊กอินของ WordPress เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณต้องไปที่หน้า การตั้งค่า » TinyMCE ขั้นสูง เพื่อกำหนดการตั้งค่าปลั๊กอิน ในหน้าการตั้งค่าปลั๊กอิน คุณจะเห็นตัวเลือกมากมายที่คุณสามารถเปิดหรือปิดได้ เราจะพูดถึงตัวเลือกที่สำคัญที่สุดบางส่วนด้านล่าง เปิดใช้งานปลั๊กอินสำหรับผู้ใช้ทั้งหมด: ตัวเลือกนี้จะเปิดใช้งานปลั๊กอิน TinyMCE Advanced สำหรับผู้ใช้ทั้งหมดบนไซต์ WordPress ของคุณ รวมถึงผู้ดูแลระบบ ผู้แก้ไข ผู้เขียน และผู้มีส่วนร่วม ปุ่มตัวแก้ไขและแถบเครื่องมือ: ตัวเลือกนี้ช่วยให้คุณเพิ่มหรือลบปุ่มออกจากแถบเครื่องมือตัวแก้ไขของ WordPress โดยค่าเริ่มต้น ปลั๊กอินจะเพิ่มปุ่มใหม่จำนวนหนึ่งลงในแถบเครื่องมือ ซึ่งรวมถึงความสามารถในการสร้างและแทรกตาราง สร้างและแทรกลิงก์จุดยึด และอื่นๆ ตัวเลือกขั้นสูง: ส่วนตัวเลือกขั้นสูงช่วยให้คุณสามารถเปิดหรือปิดใช้งานคุณลักษณะต่างๆ ได้ รวมทั้งความสามารถในการวางเป็นข้อความธรรมดา ความสามารถในการปิดใช้งานโปรแกรมแก้ไขภาพ และอื่นๆ เมื่อคุณกำหนดการตั้งค่าปลั๊กอินแล้ว คุณสามารถคลิกที่ปุ่ม "บันทึกการเปลี่ยนแปลง" เพื่อบันทึกการเปลี่ยนแปลงของคุณ นั่นคือทั้งหมดที่มีให้ ตอนนี้คุณควรมีความเข้าใจที่ดีขึ้นเกี่ยวกับวิธีใช้ปลั๊กอิน TinyMCE Advanced ใน WordPress

คุณสามารถสร้างแอปแก้ไขข้อความแบบมืออาชีพด้วย TinyMCE 5 ซึ่งประกอบด้วยปลั๊กอินมากกว่า 50 ตัวและอินเทอร์เฟซผู้ใช้ที่สมบูรณ์และน่าดึงดูด ฟังก์ชันการทำงานของ TinyMCE มีอยู่แล้วใน WordPress 5 ผ่าน Gutenberg Classic Block คุณยังสามารถอ่านโพสต์ก่อนหน้าเพื่อเรียนรู้วิธีเปลี่ยนกลับเป็นตัวแก้ไขคลาสสิกแบบเต็มได้ หากคุณไม่ต้องการใช้ตัวแก้ไขบล็อก Gutenberg คุณสามารถเริ่มต้นใช้งานปลั๊กอินพรีเมียมของเราได้ในสามขั้นตอนง่ายๆ

เมื่อเปิดใช้งานโหมดอินไลน์ ควรตรวจสอบองค์ประกอบที่คุณเลือกให้เป็น Rich Text Editor TinyMCE ไม่ทำงาน แต่คุณสามารถตรวจสอบการตั้งค่าโหมดอินไลน์ได้ โหมดอินไลน์ TinyMCE ใช้งานได้เมื่อมีองค์ประกอบอื่นที่ไม่ใช่องค์ประกอบ *textarea] ในแอป

WordPress ใช้ Tinymce หรือไม่?

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

WordPress รวมอยู่ใน Moxiecode Systems, AB TinyMCE โอเพ่นซอร์ส HTML WYSIWYG editor โดยการเลือก แถบเครื่องมือแก้ไขขั้นสูง (แถวที่ 2 ของเครื่องมือแก้ไข) แล้วปลดล็อกปุ่มพิเศษอีกหลายสิบปุ่ม คุณจะสามารถใช้งานได้ เมื่อใช้คำสั่งสลับ WP เวอร์ชัน 3.3.1 ควรเป็น Shift-Alt-Z นอกจากนี้ ปลั๊กอิน API Rich Text Editor Filters ยังสามารถพบได้ที่นี่ บทแนะนำอย่างละเอียดเกี่ยวกับ WP Tuts สามารถพบได้ที่นี่และที่นั่น เมื่อคุณใช้ WordPress โปรแกรมแก้ไข TinyMCE WYSIWYG จะเพิ่มแท็กย่อหน้า (แท็ก P หรือ *p> รอบการขึ้นบรรทัดใหม่) โดยอัตโนมัติ มีสามวิธีในการลบแท็ก P การตั้งค่าเริ่มต้นสำหรับ /WP-includes/class-WP-editor.php สามารถพบได้ใน /WP-includes/class-WP-editor

ฉันจะเรียนรู้ TinyMCE ขั้นสูงได้อย่างไร Andrew Ozz สร้างปลั๊กอินขั้นสูง แถบเครื่องมือ Visual Editor ประกอบด้วยปุ่มต่างๆ และปลั๊กอินนี้ช่วยให้คุณสามารถจัดวางปุ่มต่างๆ ได้อย่างเป็นระเบียบ แพ็คเกจนี้ประกอบด้วยปลั๊กอิน 15 ตัวสำหรับ TinyMCE ที่ทำงานอัตโนมัติและปิดใช้งาน ขึ้นอยู่กับปุ่มที่คุณเลือก ความสามารถในการรวมปุ่มที่กำหนดเอง เพิ่มข้อความลงในปุ่ม เพิ่มลิงก์ไปยังปุ่ม และเพิ่มไฟล์ลงในปุ่ม เป็นเพียงคุณลักษณะบางส่วนที่มีให้โดยปลั๊กอินนี้
หากคุณต้องการใช้ TinyMCE เวอร์ชันที่ใกล้เคียงกับเวอร์ชันเต็มที่โฮสต์ด้วยตนเองมากกว่า TinyMCE Advanced เป็นตัวเลือกที่ยอดเยี่ยม

วิธีใช้ตัวแก้ไขใดๆ กับ Gutenberg

ฉันสามารถใช้โปรแกรมแก้ไขอื่นใน Notepad++ ได้หรือไม่
ไม่จำกัดจำนวนเอดิเตอร์ที่คุณสามารถใช้ได้ บรรณาธิการที่คุณเลือกคือสิ่งที่คุณจะได้รับจาก Gutenberg; มันถูกออกแบบให้มีความยืดหยุ่นมากที่สุด

Tinymce ขั้นสูงอะไร?

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

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

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

Tinymce: เครื่องมือแก้ไข Rich-text ออนไลน์ที่ทรงพลัง

TinyMCE เป็นโปรแกรมแก้ไข Rich-text ออนไลน์ยอดนิยมที่สามารถใช้เพื่อสร้างและแก้ไขพื้นที่ข้อความ HTML ได้อย่างรวดเร็วและง่ายดาย TinyMCE API พร้อมใช้งาน และเป็นไปได้ที่จะใช้เพื่อสร้างฟังก์ชันที่เป็นประโยชน์ต่อลูกค้าและลูกค้า

วิธีใช้ Tinymce Editor ใน WordPress

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

ตัวแก้ไขนี้เขียนขึ้นโดยใช้โปรแกรม Javascript ที่ไม่ขึ้นกับแพลตฟอร์มที่เรียกว่า TinyMCE ซึ่งใช้ในโครงการเว็บต่างๆ WordPress มี API ที่ทรงพลังมาก ช่วยให้คุณสร้างปุ่มของคุณเองและเพิ่มไปยังตำแหน่งอื่นๆ ภายในแพลตฟอร์มได้ คุณจะต้องเพิ่มปุ่ม โหลดไฟล์ Javascript แล้วแทรกไฟล์ Javascript หากปุ่มของคุณเรียกว่า “pre_code_button” ชื่อของปุ่มควรอยู่ในบรรทัดที่ 2 และ 3 เมื่อคุณไม่ใช้ไอคอน ค่าของคุณสมบัติ Text จะแสดงขึ้น (เราจะดูขั้นตอนใน ช่วงเวลา). เมื่อคลิกปุ่มนี้ จะต้องใช้เมธอด onclick เพื่อระบุการดำเนินการที่ควรดำเนินการ ปลั๊กอินจะถูกเพิ่มโดยการแนบสไตล์ชีตเข้ากับไอคอนของเรา ซึ่งจะแสดงในรูปแบบที่เรียบง่าย

ด้วยฟังก์ชัน WP_editor() เรายังสามารถแสดงพื้นที่ข้อความที่ใดก็ได้ในพื้นที่ผู้ดูแลระบบ การตั้งค่า textarea_name ซึ่งระบุแอตทริบิวต์ name ขององค์ประกอบ เป็นหนึ่งในการตั้งค่าที่สำคัญที่สุด หากใครไม่ต้องการจัดรูปแบบเนื้อหา ก็สามารถพิมพ์และทำเองได้ ใครก็ตามที่ต้องการปรับแต่งมันสามารถทำได้ในยามว่าง

The Classic Editor And Gutenberg: A Tale Of Two Editors

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

ตัวอย่างปลั๊กอิน Tinymce Link

ปลั๊กอินลิงก์ tinymce เป็นเครื่องมือที่ยอดเยี่ยมสำหรับการเพิ่มลิงก์ไปยังเนื้อหาของคุณ ใช้งานง่ายและเป็นวิธีที่ยอดเยี่ยมในการเพิ่มลิงก์ไปยังเนื้อหาของคุณ

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

เครื่องมือแก้ไขขั้นสูง ปลั๊กอิน WordPress

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

Advanced Editor คือชุด เครื่องมือแก้ไขขั้นสูง องค์ประกอบจากตัวแก้ไข Gutenberg ถูกรวมเข้ากับตัวแก้ไขแบบคลาสสิกผ่านปลั๊กอิน WordPress จะช่วยให้คุณกำหนดส่วนเฉพาะของบล็อกย่อหน้าได้โดยทำให้สามารถจัดลำดับใหม่และเปิดใช้งานส่วนเฉพาะของบล็อกย่อหน้าได้ คุณสามารถลากและวางตัวเลือกแถบเครื่องมือและแถบเครื่องมือด้านข้างได้ตามความต้องการของคุณ ขณะแก้ไขบล็อกย่อหน้า คุณสามารถเปลี่ยนข้อความและสีพื้นหลังของบล็อกได้ มีบล็อกแบบคลาสสิกที่สามารถใช้ได้ภายในอินเทอร์เฟซ Gutenberg ต้องขอบคุณ Gutenberg บล็อกหลักนี้สร้างการแก้ไขแบบคลาสสิกอย่างสมบูรณ์ ทำให้คุณสามารถเพิ่มและแก้ไขเนื้อหาได้เช่นเดียวกับในปี 2017 คุณสามารถจัดเรียงตัวเลือกที่แสดงในแถบเครื่องมือใหม่ได้โดยการลากออกไปยังส่วนบล็อกแบบคลาสสิก และคุณยังสามารถเพิ่มการลากได้ ฟังก์ชั่น -and-drop กับตัวเลือกบล็อกแบบคลาสสิก