wangEditor 5 แก้ไข [เวอร์ชั่น ZBLOG]

wangEditor 5 แก้ไข, ฟรีโอเพนซอร์ส (ตามโปรโตคอลโอเพนซอร์ส MIT), ผู้เขียนต้นฉบับครู, เว็บไซต์อย่างเป็นทางการของผู้เขียน:https: //www.wangeditor.com/ สนับสนุนการพัฒนาทุติยภูมิทุกคนสามารถใช้งานได้อย่างมั่นใจ!

นอกจากนี้ผู้เขียนเดิมยังมีการอัพเดท wangEditor 5 แก้ไขอยู่ตลอดเวลาดังนั้นเรายังสามารถอัพเกรดปลั๊กอินของเราพร้อมกับการอัพเดทของผู้เขียนเดิม

ต้องขอบคุณ wangEditor 5 ที่มีเอกสารการพัฒนาที่สมบูรณ์เราจึงสามารถสร้างเป็นปลั๊กอินสําหรับ Z-blog PHP ได้

เมื่อครั้งหนึ่งเรากําลังมองหาสิ่งที่คล้ายกับบัญชีสาธารณะที่ทันสมัยและง่ายต่อการใช้งานบรรณาธิการข้อความอุดมสมบูรณ์และตอนนี้เขามา!

หมายเหตุ: คุณไม่สามารถใช้ร่วมกับปลั๊กอินแก้ไขอื่น ๆ ในเวลาเดียวกัน, ใช้ปลั๊กอินนี้โปรดปิดปลั๊กอินแก้ไขอื่น ๆ ล่วงหน้า (เช่น Z-blog PHP มาพร้อมกับ UEditor)!

ตัวแก้ไข wangEditor 5 ไม่สนับสนุนการใช้งานบนโทรศัพท์มือถือโดยค่าเริ่มต้น ในความเป็นจริงโดยไม่คํานึงถึงปลั๊กอินของตัวแก้ไขใด ๆ ประสบการณ์การใช้งานบนโทรศัพท์มือถือนั้นแย่มากดังนั้นตัวแก้ไข wangEditor 5 อย่างเป็นทางการจึงตัดฟังก์ชั่นนี้ออก

แน่นอนฟังก์ชั่นนี้ยังสามารถปลดปล่อยได้เพียงแค่คุณต้องปรับแต่งแถบเครื่องมือที่แสดงบนโทรศัพท์มือถือเพื่อปรับปรุงประสบการณ์การใช้งานของผู้ใช้ ไม่ผู้ใช้ที่ต้องการสามารถหาเราเพื่อปรับแต่ง!

ต่อไปนี้เป็นเว็บไซต์อย่างเป็นทางการของ wangEditor สําหรับบรรณาธิการแนะนํา

#ข้อดี

# ปัญหาเกี่ยวกับโปรแกรมแก้ไขข้อความอุดมอื่น ๆ

ค้นหาเว็บ "Web" คุณจะได้รับผลลัพธ์มากมายเช่น UEeditor ชนิด Editor ในประเทศ, CKEeditor ในต่างประเทศ TinyMCE Quill Prose Mirror Draft Slate ฯลฯนอกจากนี้ยังมีหลายคนที่ใช้โปรแกรมแก้ไขเหล่านี้หรือเพื่อทําการพัฒนาทุติยภูมิ

อย่างไรก็ตามพวกเขามีปัญหาดังต่อไปนี้ (เคาะกระดานดํา ~) ซึ่งอาจส่งผลกระทบต่อประสิทธิภาพการพัฒนาต้นทุนการพัฒนาและเสถียรภาพของผลิตภัณฑ์ของคุณอย่างมาก

#เทคโนโลยีเก่า

เช่น UEditor KindEditor ยังคงใช้ document.execCommand APIสิ่งนี้จะส่งผลกระทบต่อเสถียรภาพและความสามารถในการขยายผลิตภัณฑ์อย่างมาก

เมื่อถึงเวลานั้นฉันจะไม่สามารถตระหนักถึงปัญหาได้ทุกที่และจะได้รับการดูถูกจาก PM: "xxx ของคนอื่นสามารถทําได้อย่างไร?"

#ภาษาจีนไม่เป็นมิตร

如 CKEditor TinyMCE Quill ProseMirror 等，没有官方的中文文档。这将大大影响你的开发效率（今晚加班～）

PS: ภาษาอังกฤษพิเศษ กรุณาข้ามไป

# จําเป็นต้องมีการพัฒนาทุติยภูมิจํานวนมาก

เช่น Prose Mirror Draft Slate แม้ว่าพวกเขาจะเป็นโปรแกรมแก้ไขข้อความที่อุดมไปด้วย แต่พวกเขาเป็นเพียงแกนหลักหรือตัวควบคุมไม่ใช่คุณสมบัติเต็มรูปแบบ

การพัฒนาทุติยภูมิจํานวนมากไม่เพียง แต่จะนําไปสู่การเพิ่มขึ้นอย่างมากของค่าใช้จ่ายในการวิจัยและพัฒนา (ปิดเดือนนี้ ~) แต่ยังอาจมีข้อบกพร่องที่ไม่มีที่สิ้นสุดเนื่องจากการทดสอบที่ไม่สมบูรณ์และตกอยู่ในอ่างน้ํา

PS: เว้นแต่คุณมีความต้องการที่แข็งแกร่งในการพัฒนาที่กําหนดเอง

# ข้อ จํากัด ที่ มี กรอบ

เช่น Slate และ Draft ซึ่งขึ้นอยู่กับกรอบ Reactหากคุณต้องการใช้ใน Vue ปริมาณงานและความยากลําบากนั้นมาก

#ไม่มีส่วนประกอบอย่างเป็นทางการเช่น React Vue

一些无框架依赖的，如 ProseMirror ，如果你要用到 Vue React ，需要自己封装组件。

#ผลิตภัณฑ์ใหม่ยังไม่เสถียร

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

เลือกผลิตภัณฑ์ที่มีเสถียรภาพสามารถอ้างอิงได้

github stars

การดาวน์โหลด npm

เวลาและความถี่ในการเผยแพร่ npm

搜索引擎的相关结果数量

是否有大厂背书

มีการทดสอบหน่วย / การทดสอบ e2e

ข้อดีของ #wang Editor

คุณค่าของผลิตภัณฑ์อยู่ที่การแก้ปัญหาของผู้ใช้เพิ่มประสิทธิภาพลดต้นทุนเพิ่มเสถียรภาพและความสามารถในการปรับขนาด

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

# ใช้เทคโนโลยีหลัก

wang Editor เริ่มต้นจากรุ่น V5 มีการอัพเดทเทคโนโลยีขนาดใหญ่

#1.อัพเกรดความสามารถเป็น L1

document.execCommand API ถูกยกเลิกและใช้ slate.jsopen ในหน้าต่างใหม่ (แต่ไม่พึ่ง React) เป็นเคอร์เนลและอัพเกรดความสามารถ L1

这也是目前主流富文本编辑器的技术方案，如知名的 Quill ProseMirror Draft 都在使用。

#2.การใช้ vdom

使用 vdom 技术（基于 snabbdom.jsopen in new window ）做视图更新，model 和 view 分离，增加稳定性。

#3.ความสามารถในการขยาย

ใช้กลไกการขยายปลั๊กอินและโมดูลเพื่อให้แน่ใจว่าการขยายได้มีการขยายฟังก์ชันเพิ่มเติมในอนาคต

ในความเป็นจริงตอนนี้ฟังก์ชั่นต่างๆที่สร้างขึ้นใน wang Editor ยังถูกสร้างขึ้นในรูปแบบของปลั๊กอินส่วนขยายและโมดูล

# เอกสารภาษาจีน

บรรณาธิการ wang มีเอกสารภาษาจีนโดยละเอียดและสภาพแวดล้อมการสื่อสารภาษาจีนเพราะผู้เขียนเปิดในหน้าต่างใหม่เป็นโปรแกรมเมอร์ในประเทศ

# การตอบรับและการสื่อสารในเวลาที่เหมาะสม

นอกจากนี้คุณยังสามารถไปที่ github เพื่อส่งปัญหาและทีมงานจะตอบรับหรือยอมรับทันที

# รวมฟังก์ชั่นทั้งหมดโดยไม่ต้องพัฒนาทุติยภูมิ

Wang Editor มีฟังก์ชั่นการทํางานข้อความอุดมสมบูรณ์ทั่วไปทั้งหมดในตัวเพื่อตอบสนองความต้องการส่วนใหญ่คุณสามารถกําหนดค่าโดยตรงเพื่อใช้งานได้โดยไม่ต้องพัฒนาซ้ํา

// wangEditor มีตัวแก้ไขเมนู 50+ ในตัว.getAllMenuKeys () [
  "bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
  "color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
  "viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
  "indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
  "bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
  "deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]

PS: ในขณะเดียวกัน wangEditor มี API ที่อุดมไปด้วยและความสามารถในการขยายเพียงพอที่จะช่วยให้คุณสามารถปรับแต่งเมนูการพัฒนาโมดูลปลั๊กอินและอื่น ๆ

# ใช้ Vue React ได้ง่ายมาก

wang Editor พัฒนาขึ้นอยู่กับเคอร์เนลกระดานชนวน แต่ไม่พึ่งพา React ดังนั้นมันจึงไม่พึ่งพาเฟรมเวิร์คในตัวเอง

นอกจากนี้เรายังได้บรรจุส่วนประกอบของ Vue React อย่างเป็นทางการซึ่งสามารถใช้กับกรอบเช่น Vue React ได้อย่างสะดวก
เรายังคงสนับสนุนกรอบอื่น ๆ และคุณสามารถส่งปัญหาได้เช่นกัน

# ก้าวผ่าน 5,000 หลุม #

wangEditor เปิดซอร์สมานานหลายปี มีผู้ใช้งานและข้อเสนอแนะจํานวนมาก และได้แก้ไขปัญหามากมายเปิดในหน้าต่างใหม่ปัญหาเหล่านี้ได้รับการทดสอบซ้ํา ๆ ในระหว่างการทดสอบ V5 เพื่อให้มั่นใจถึงเสถียรภาพสูงสุด

# การทํางานของทีมการอัพเกรดซ้ําอย่างต่อเนื่อง

wangEditor 早已不是作者单人作战，我们有多人团队，一起修复 bug 、升级功能、跟踪问题、社区答疑。