🌳 開源專案介紹:Slate:開發網頁文字編輯器的可客製化框架
開發網頁應用程式很難避免掉文字輸入的功能,純文字比較好處理,支援所見即所得的文字顯示功能可使用許多現成的第三方程式庫
這個文字編輯器程式庫功能就很強大,可以讓你開發出類似 Medium,DropBox Paper ,Google Docs 等文字編輯的功能
它之所以能做到這一點,是因為它的所有邏輯都是通過一系列外掛實現的,所以你永遠不會受到“核心”中是或不是什麼的限制。 你可以把它看作是在 React 之上構建的一個可插入的 contenteditable 的實現。 它的靈感來自 Draft.js、 Prosemiror 和 Quill 這樣的程式庫。
這位開發者試了許多第三方程式庫,發現缺少了以下功能
✅ 編輯器的“模式”是固定的,難以客製化
✅ 以程式設計方式轉換文件是非常複雜
✅ 序列化到 HTML,Markdown 等格式看起來像是事後的想法
✅ 重新發明 View Layer 似乎效率低下,而且受到限制
✅ 協同編輯不是預先設計好的
✅ 儲存庫是單一的,不是小型的和可重複使用的模組
✅ 建構複雜的、巢狀的文件是不可能的。
如果你也遇到以上的問題,可以參考一下這個元件程式庫,詳細資訊請參考底下留言區
react 輸入框 在 軟體開發學習資訊分享 Facebook 的精選貼文
--課程已於 2020 年 9 月更新--
本課程由熱門講師 Maximilian Schwarzmülle ( http://bit.ly/2R4tRGD )所主講,已經針對 Vue 3 的釋出而更新
🔥 講師有給 coupon code -- VUE3_UPDATE ,輸入後可用 NT300 元購買
https://softnshare.com/vuejs-2-the-complete-guide/
react 輸入框 在 卡斯伯 Facebook 的精選貼文
線上問答:【JS 設計模式,一個轉念 Vue 就輕鬆學】
直播教學,同時測試直播新工具
Vue 學習卡卡的嗎?
這可能是對於 JS 的掌握度不足,但也可能是對於此設計模式不熟悉
前端框架的演進,近期越來越偏向「關注點分離」
本次線上問答會使用「心法」的方式引導大家
透過「關注點分離」來拆解、學習 JavaScript 應用
用不同的思維模式,來重新看待 JS
掌握以後,無論是 Vue、Angular、React 都能快速理解
直播時間:4/15 19:30
直播連結:https://hex.school/J3Adh
會議室密碼:mPui6pca7E8
這次同時會測試新的直播軟體 Webex
欲加入的同學請先下載此工具
加入會議的方式:
1. 下載 Webex Meetings:https://www.webex.com/downloads.html/
2. 點選上方連結進入會議
3. 依據提示安裝 Chrome Extension
4. 輸入個人 Mail、姓名、會議密碼(上方提供)
5. 進入會議
注意事項:
- *本次錄影無法確認是否釋出,會視 Webex 錄製結果而定
- 會議結束後會提供問卷,詢問大家對於直播工具的心得,作為我們接下來的評估