canner slate editor
1.0.0
ตัวแก้ไขข้อความ / WYSIWYG ที่หลากหลายมุ่งเน้นไปที่ โมดูลาร์และการขยายความสามารถใน การสร้างบนกรอบกระดานชนวนที่มีการออกแบบที่สวยงามและ API ระดับสูง
- Canner-Slate-Editor เป็นตัวแก้ไขแบบดัดแปลงทุกอย่างเป็นโมดูล NPM! คุณสามารถเขียนได้ 100% เพื่อการใช้งานส่วนตัวของคุณ!
เนื่องจากโครงการนี้เริ่มต้นขึ้นจาก Canner เราสังเกตว่าไม่มีตัวแก้ไขใดตัวเดียวที่เหมาะสมกับข้อกำหนดทั้งหมดดังนั้นเราจึงคิดว่าวิธีเดียวที่จะแก้ปัญหานี้คือการออกแบบตัวแก้ไขแบบแยกส่วนแรก
มีข้อความที่หลากหลายและตัวแก้ไข wysiwyg ออนไลน์ แต่เป็นกระดานชนวน - ทำไมส่วนที่กล่าวถึงว่าโซลูชันเหล่านี้ส่วนใหญ่เป็น
ดังนั้นพื้นที่เก็บข้อมูลนี้จะพยายามรักษากรอบการทำงานของกระดานชนวนให้ได้ข้อดีทั้งหมดและสร้าง API ระดับสูงสำหรับนักพัฒนาสามารถนำกลับมาใช้ใหม่และปรับแต่งรุ่นแก้ไขเวอร์ชันของตัวเองได้อย่างง่ายดาย นอกจากนี้เรายังยินดีต้อนรับสู่การมีส่วนร่วมทุกประเภท! -
โครงการนี้ใช้ ANTD เป็นห้องสมุด UI Primiary ของเรา
ทำไม
ข้อเสียอย่างหนึ่งของการใช้มันคือมันจะเพิ่มขนาดชุดของคุณ ดูที่นี่เพื่อแก้ปัญหา
คุณจะต้องเพิ่ม css และกฎการทดสอบ less ในการตั้งค่า WebPack ของคุณ
...
rules : [
{
test : / .js$ / ,
use : {
loader : "babel-loader"
} ,
exclude : / node_modules /
} ,
{
test : / .css$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
}
]
} ,
{
test : / .less$ / ,
use : [
{
loader : "style-loader"
} ,
{
loader : "css-loader"
} ,
{
loader : "less-loader"
}
]
}
]
. . .ปัจจุบันโครงการนี้มี โมดูล NPM มากกว่า 47 รายการ ทุกคุณสมบัติจะถูกบรรจุไว้ในโมดูล NPM เช่นไอคอน, ผู้ช่วย, ปลั๊กอิน, Utils, ฯลฯ ... ดังนั้นสิ่งนี้ทำให้นักพัฒนาสามารถเลือกโมดูลเพื่อประกอบเข้ากับการใช้งานของคุณเอง
อีกตัวแก้ไขข้อความที่หลากหลายโดยใช้ Slate Framework พร้อมการออกแบบที่สวยงาม
$ npm install --save canner-slate-editorคุณจะต้องติดตั้ง
$ npm install antd slate slate-react
ตัวแก้ไข Markdown ที่ช่วยให้คุณสามารถแก้ไขสดด้วยการสนับสนุน Hot Keys!
$ npm install --save slate-md-editorคุณจะต้องติดตั้ง
$ npm install antd slate slate-react
ไอคอนกระดานชนวนที่ใช้ร่วมกัน 20 รายการและผู้ช่วยสำหรับบรรณาธิการกระดานชนวน
คุณสมบัติที่รองรับ:
เรียนรู้เพิ่มเติม Slate-Icons
ตัวเลือกกระดานชนวนที่ใช้ร่วมกันสำหรับบรรณาธิการกระดานชนวน
ตัวเลือกที่รองรับ:
เรียนรู้เพิ่มเติม
ไอคอนสารสกัดจากตัวแก้ไข Quill ด้วย wrapper react Component รองรับ 65+ ไอคอน!
$ npm install --save quill-iconsชุดปลั๊กอินหินชนวน
ชุดของการเปลี่ยนแปลงและฟังก์ชั่นยูทิลิตี้สำหรับตัวแก้ไขกระดานชนวน
ชุดของส่วนประกอบยูทิลิตี้ตัวแก้ไข
แบ่งปันค่าคงที่ผ่าน repos
เรียนรู้เพิ่มเติม
เรากำลังใช้พื้นที่ทำงาน yarn เพื่อจัดการ repos ทั้งหมดเรียนรู้เพิ่มเติมเกี่ยวกับพื้นที่ทำงานของเส้นด้าย
เพื่อติดตั้งแพ็คเกจ
yarn
ดูการสาธิต
npm start
คุณต้องสร้างไฟล์ JS ผ่าน Babel โดยป้อน
yarn run build:watch
yarn jest <...path/to/pkg> [--coverage]
Slate เป็น กรอบการทำงานที่ ทรงพลังที่ได้รับการออกแบบมาอย่างดีซึ่งช่วยให้คุณจัดการกับชิ้นส่วนที่ยากลำบากเมื่อสร้างตัวแก้ไขเช่นการสร้างแบบจำลองข้อมูลการอัพเดทสถานะการแสดงผลการแก้ไขแผนผังแบบต่อเนื่อง ... (คุณสามารถเรียนรู้เพิ่มเติมได้ที่นี่) ในขณะที่คุณกำลังพยายามสร้างบรรณาธิการของคุณเอง
พื้นที่เก็บข้อมูลนี้มีจุดมุ่งหมายเพื่อให้บรรณาธิการและโซลูชั่นปลั๊กอินที่สมบูรณ์ซึ่งช่วยให้คุณสามารถใช้งานได้ทันทีแทนที่จะขุดผ่านเอกสารประกอบกระดานชนวนและการใช้ส่วนประกอบระดับสูงของเราคุณเกือบจะสามารถสร้างบรรณาธิการได้
canner-slate-editor ใช้ไลบรารี React ที่ยอดเยี่ยมที่เรียกว่า Ant Design ไลบรารีให้ส่วนประกอบปฏิกิริยาที่ใช้กันทั่วไปเช่นคำแนะนำเครื่องมือตารางโมดัล ฯลฯ ... ซึ่งใช้กันอย่างแพร่หลายในการแสดงผลบรรณาธิการของเรา หนึ่งในข้อเสียของการใช้ห้องสมุดคือขนาดชุด หากคุณกำลังพยายามแก้ไขปัญหาขนาดเราขอแนะนำให้ติดตามโซลูชัน:
