🌳 開源專案介紹:Slate:開發網頁文字編輯器的可客製化框架
開發網頁應用程式很難避免掉文字輸入的功能,純文字比較好處理,支援所見即所得的文字顯示功能可使用許多現成的第三方程式庫
這個文字編輯器程式庫功能就很強大,可以讓你開發出類似 Medium,DropBox Paper ,Google Docs 等文字編輯的功能
它之所以能做到這一點,是因為它的所有邏輯都是通過一系列外掛實現的,所以你永遠不會受到“核心”中是或不是什麼的限制。 你可以把它看作是在 React 之上構建的一個可插入的 contenteditable 的實現。 它的靈感來自 Draft.js、 Prosemiror 和 Quill 這樣的程式庫。
這位開發者試了許多第三方程式庫,發現缺少了以下功能
✅ 編輯器的“模式”是固定的,難以客製化
✅ 以程式設計方式轉換文件是非常複雜
✅ 序列化到 HTML,Markdown 等格式看起來像是事後的想法
✅ 重新發明 View Layer 似乎效率低下,而且受到限制
✅ 協同編輯不是預先設計好的
✅ 儲存庫是單一的,不是小型的和可重複使用的模組
✅ 建構複雜的、巢狀的文件是不可能的。
如果你也遇到以上的問題,可以參考一下這個元件程式庫,詳細資訊請參考底下留言區
「所見即所得網頁編輯器」的推薦目錄:
- 關於所見即所得網頁編輯器 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於所見即所得網頁編輯器 在 軟體開發學習資訊分享 Facebook 的最佳解答
- 關於所見即所得網頁編輯器 在 軟體開發學習資訊分享 Facebook 的最佳貼文
- 關於所見即所得網頁編輯器 在 [推薦][免費] html所見即所得編輯程式Amaya - 看板EZsoft 的評價
- 關於所見即所得網頁編輯器 在 KompoZer 跨平台免費「所見即所得」HTML網頁編輯器(繁體 ... 的評價
- 關於所見即所得網頁編輯器 在 HTML Editor 線上所見即所得編輯器,將內容快速轉 ... - Pinterest 的評價
- 關於所見即所得網頁編輯器 在 Re: [問題] 所見即所得編輯器- 看板Web_Design 的評價
- 關於所見即所得網頁編輯器 在 讓chrome變成所見即所得編輯器 - 小麥前端blog 的評價
- 關於所見即所得網頁編輯器 在 2021 04 24 10 15 14到加入所見即所得編輯器網站準備 的評價
所見即所得網頁編輯器 在 軟體開發學習資訊分享 Facebook 的最佳解答
開發網頁應用程式很難避免掉文字輸入的功能,純文字比較好處理,支援所見即所得的文字顯示功能可使用許多現成的第三方程式庫
這個文字編輯器程式庫功能就很強大,可以讓你開發出類似 Medium,DropBox Paper ,Google Docs 等文字編輯的功能
https://softnshare.com/opensource-slate-2/
所見即所得網頁編輯器 在 軟體開發學習資訊分享 Facebook 的最佳貼文
開發網頁應用程式很難避免掉文字輸入的功能,純文字比較好處理,支援所見即所得的文字顯示功能可使用許多現成的第三方程式庫
這個文字編輯器程式庫功能就很強大,可以讓你開發出類似 Medium,DropBox Paper ,Google Docs 等文字編輯的功能
https://softnshare.com/%e9%96%8b%e7%99%bc%e7%b6%b2%e9%a0%81%e6%96%87%e5%ad%97%e7%b7%a8%e8%bc%af%e5%99%a8%e7%9a%84%e5%8f%af%e5%ae%a2%e8%a3%bd%e5%8c%96%e6%a1%86%e6%9e%b6/
所見即所得網頁編輯器 在 KompoZer 跨平台免費「所見即所得」HTML網頁編輯器(繁體 ... 的推薦與評價
KompoZer是一個免費的WYSIWYG(所見即所得)網頁編輯器,主要功能跟Dreamweaver與微軟的FrontPage類似,都是用來編輯、製作HTML網頁CSS樣式表...等內容。 ... <看更多>
所見即所得網頁編輯器 在 HTML Editor 線上所見即所得編輯器,將內容快速轉 ... - Pinterest 的推薦與評價
記得以前剛開始接觸網頁製作時都是使用Microsoft FrontPage 編輯器,也正因為有所見即得編輯器,才能讓原本複雜難懂的HTML 原始碼變得更簡單易懂,它將原始碼轉換成 ... ... <看更多>
所見即所得網頁編輯器 在 [推薦][免費] html所見即所得編輯程式Amaya - 看板EZsoft 的推薦與評價
-(以下為參考格式,可自行增減。按 ctrl+y 可刪除整行)-
軟體名稱: Amaya
官方網站: https://www.w3.org/Amaya/
下載連結: https://www.w3.org/Amaya/User/BinDist.html
軟體版本: 10.0.1 穩定版
軟體分類: HTML WYSIWYG Editor 網頁HTML所見即所得編輯器
執行平台:
MS windows[2000以上], MacOS[Intel/PowerPC], Linux[Ubuntu/Debian/Redhat]
語言介面: 多國語系含傳統中文
軟體特色: 多頁式同時瀏覽/編輯HTML, 像Word的可格式定義style/DTD,
支援UTF-8, (X)HTML, 數學式 MathML (.mml),SVG,加強式表格編輯與特殊符號,
長文件標籤可以樹狀表示, 單頁同時編輯兩文件互相比較(更新網頁時好用),
可以在文件內自己加註(annotation), W3C藉此把HTML推到一個新境界,
程式截圖在此: https://www.w3.org/Amaya/screenshots/Overview.html
推薦原因: 新一代HTML免費編輯器中還活著的佼佼者
誰適合用: 需用複雜html多功能者, 介面也超漂亮(還反鋸齒顯示耶)
誰不適合用: 此軟體較複雜, 不需這麼多功能者建議改用其他編輯器.
使用感想: 多年前的Mozilla為我們帶來了免費多平台的初階HTML所見即所得
編輯器, Nvu帶給我們多頁編輯的驚喜, 但是它們都已經消失而不再更新 (KOMPOZER
算有解決nvu的bug). 難道網頁編輯者只剩商業軟體可用嗎? 玩玩免費的Amaya, 幾乎
帶給我們與某些商業軟體功能相同水準, 強到將html的應用推到個人文件實作!
附註: [Edit]-->[Preferences]-->[Dialogue Language] 改
Traditional Chinese, 按Apply後, 關掉並重新啟動Amaya即可成為傳統中文介面.
本著作依據 Creative Commons 姓名標示-非商業性-相同方式分享 授權條款為授權
https://creativecommons.org/licenses/by-nc-sa/2.0/tw/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 128.138.171.189
... <看更多>