editor.js

editorjs.io | เอกสาร | บันทึกการเปลี่ยนแปลง

เกี่ยวกับ

Editor.js เป็นโปรแกรมแก้ไขข้อความโอเพ่นซอร์สที่นำเสนอคุณสมบัติที่หลากหลายเพื่อช่วยให้ผู้ใช้สร้างและจัดรูปแบบเนื้อหาได้อย่างมีประสิทธิภาพ มีอินเทอร์เฟซสไตล์บล็อกที่ทันสมัยที่ช่วยให้ผู้ใช้เพิ่มและจัดเรียงเนื้อหาประเภทต่างๆ ได้อย่างง่ายดาย เช่น ข้อความ รูปภาพ รายการ คำพูด ฯลฯ แต่ละบล็อกมีให้ผ่านปลั๊กอินแยกต่างหาก ทำให้ Editor.js มีความยืดหยุ่นอย่างมาก

Editor.js แสดงผลข้อมูล JSON ที่ชัดเจนแทนมาร์กอัป HTML จำนวนมาก ใช้บนเว็บ, iOS, Android, AMP, Instant Articles, โปรแกรมอ่านคำพูด, แชทบอท AI — ทุกที่ ง่ายต่อการฆ่าเชื้อ ขยาย และบูรณาการเข้ากับตรรกะของคุณ

• - UI ที่ทันสมัยนอกกรอบ
• - ทำความสะอาดเอาต์พุต JSON
• API ที่ออกแบบมาอย่างดี
• - มีเครื่องมือต่างๆ
• - ฟรีและโอเพ่นซอร์ส

การติดตั้ง

มันค่อนข้างง่าย:

1. ติดตั้ง Editor.js
2. ติดตั้งเครื่องมือที่คุณต้องการ
3. เตรียมใช้งานอินสแตนซ์ของ Editor

ติดตั้งโดยใช้ NPM, Yarn หรือ CDN:

npm i @editorjs/editorjs

เลือกและติดตั้งเครื่องมือ:

• หัวเรื่อง
• อ้าง
• ภาพ
• รูปภาพธรรมดา (ไม่มีข้อกำหนดแบ็กเอนด์)
• รายการที่ซ้อนกัน
• รายการตรวจสอบ
• ฝังลิงค์แล้ว
• ฝัง (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter ฯลฯ )
• โต๊ะ
• ตัวคั่น
• คำเตือน
• รหัส
• HTML ดิบ
• แนบ
• เครื่องหมาย
• รหัสอินไลน์

ดู ? รายการ Editor.js ที่ยอดเยี่ยมสำหรับเครื่องมือเพิ่มเติม

เริ่มต้นตัวแก้ไข:

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

ดูรายละเอียดเกี่ยวกับการติดตั้งและการกำหนดค่าได้ที่เอกสารประกอบ

การบันทึกข้อมูล

เรียก editor.save() และจัดการกับ Promise ที่ส่งคืนพร้อมข้อมูลที่บันทึกไว้

 const data = await editor . save ( )

ตัวอย่าง

ดู example.html เพื่อดูตัวอย่างโดยละเอียดเพิ่มเติม

แผนการทำงาน

• แถบเครื่องมือแบบรวม
  • Block Tunes ย้ายไปทางซ้าย
  • กล่องเครื่องมือกลายเป็นแนวตั้ง
  • ความสามารถในการแสดงปุ่มกล่องเครื่องมือหลายปุ่มด้วยเครื่องมือเดียว
  • Block Tunes กลายเป็นแนวตั้ง
  • Block Tunes รองรับเมนูที่ซ้อนกัน
  • ตัวคั่นรองรับ Block Tunes
  • เพิ่มเมนูการแปลงใน Block Tunes
  • Unified Toolbar รองรับคำแนะนำ
  • แถบเครื่องมือการแปลงใช้แถบเครื่องมือแบบรวม
  • แถบเครื่องมือแบบอินไลน์ใช้แถบเครื่องมือแบบรวม
• การแก้ไขร่วมกัน
  • ใช้รูปแบบ Inline Tools JSON
  • ผู้สังเกตการณ์การดำเนินงาน ผู้ดำเนินการ ผู้จัดการ หม้อแปลงไฟฟ้า
  • ใช้ Undo/Redo Manager
  • ใช้การเปลี่ยนแปลง API ของเครื่องมือ
  • ติดตั้งเซิร์ฟเวอร์และการสื่อสาร
  • อัปเดตเครื่องมือพื้นฐานให้เหมาะสมกับ API ใหม่
• คุณสมบัติอื่นๆ
  • บล็อกการลากและวาง
  • การเลือกข้ามบล็อกใหม่
  • เครื่องหมายคาเร็ตแบบข้ามบล็อกใหม่กำลังเคลื่อนที่
• การปรับปรุงระบบนิเวศ
  • ไอคอน CodeX — วิธีการรวมเครื่องมือและไอคอนหลักทั้งหมดเข้าด้วยกัน
  • หน้าแรกใหม่และเอกสาร
  • @editorjs/create-tool สำหรับการบูตเครื่องมือ
  • Editor.js DevTools — ย่อมาจาก core และการพัฒนาเครื่องมือ
  • ระบบการออกแบบ Editor.js
  • Editor.js ตั้งค่าสภาพแวดล้อมล่วงหน้า
  • ชุดเครื่องมือ Editor.js
  • ระบบมัดหลักใหม่
  • เอกสารและคำแนะนำใหม่

ชอบ Editor.js?

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

บริจาคผ่าน OpenCollective
บริจาคผ่าน Crypto
บริจาคผ่าน Patreon

ทำไมต้องบริจาค

การบริจาคให้กับผลิตภัณฑ์โอเพ่นซอร์สมีข้อดีหลายประการสำหรับธุรกิจของคุณ:

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

สปอนเซอร์

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

ร่วมเป็นสปอนเซอร์

ผู้สนับสนุน

ขอขอบคุณผู้สนับสนุนทุกท่าน

มาเป็นผู้สนับสนุน

ผู้ร่วมให้ข้อมูล

โครงการนี้เกิดขึ้นได้ต้องขอบคุณทุกคนที่มีส่วนร่วม

ต้องการอะไรเป็นพิเศษ?

จ้างผู้เชี่ยวชาญ CodeX เพื่อแก้ไขปัญหาท้าทายทางเทคนิคและตรงกับข้อกำหนดผลิตภัณฑ์ของคุณ

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

ติดต่อเราผ่านทาง [email protected] และแบ่งปันรายละเอียดของคุณ

ชุมชน

• เครื่องมืออย่างเป็นทางการ
• Editor.js ที่ยอดเยี่ยม
• งานแรกที่ดี
• มีส่วนร่วม
• โทรเลขแชท

เกี่ยวกับ CodeX

CodeX คือทีมผู้เชี่ยวชาญด้านดิจิทัลทั่วโลกที่สนใจสร้างผลิตภัณฑ์โอเพ่นซอร์สคุณภาพสูงในตลาดโลก เราเปิดกว้างสำหรับคนหนุ่มสาวที่ต้องการพัฒนาทักษะอย่างต่อเนื่องและเติบโตอย่างมืออาชีพด้วยการทดลองในเทคโนโลยีที่ล้ำสมัย

	เข้าร่วม	ทวิตเตอร์	อินสตาแกรม
codex.so	codex.so/join	@codex_team	@codex_team