basecamp/trix: 用於日常寫作的富文字編輯器
在Web應用程式中編寫格式精美的文字。Trix是一個WYSIWYG編輯器,用於編寫訊息,評論,文章和列表 - 大多數Web應用程式的簡單文件。它具有複雜的文件模型,支援嵌入式附件,並輸出簡潔和一致的HTML。
Trix是來自Basecamp的開源專案,Basecamp是Ruby on Rails的建立者。數百萬人信任他們的文字傳送到Basecamp,Trix給了他們最好的編輯體驗。
大多數WYSIWYG編輯器都是HTML contenteditable和execCommandAPI的包裝器,他們是由Microsoft設計,支援在Internet Explorer 5.5中實時編輯網頁,最終由其他瀏覽器進行反向設計和複製。
因為這些API從未完全規定好或文件化,並且因為WYSIWYG HTML編輯器的範圍很廣,所以每個瀏覽器的實現都有自己的一組錯誤和怪癖,需要JavaScript開發人員可以解決這些不一致問題。
Trix透過將contenteditable視為I / O裝置來回避這些不一致:當輸入進入編輯器時,Trix該輸入轉換為其內部文件模型的編輯操作,然後將該文件重新呈現回編輯器。這使得Trix可以完全控制每次擊鍵後發生的事情,並且完全無需使用execCommand。
Trix是來自Basecamp的開源專案,Basecamp是Ruby on Rails的建立者。數百萬人信任他們的文字傳送到Basecamp,Trix給了他們最好的編輯體驗。
大多數WYSIWYG編輯器都是HTML contenteditable和execCommandAPI的包裝器,他們是由Microsoft設計,支援在Internet Explorer 5.5中實時編輯網頁,最終由其他瀏覽器進行反向設計和複製。
因為這些API從未完全規定好或文件化,並且因為WYSIWYG HTML編輯器的範圍很廣,所以每個瀏覽器的實現都有自己的一組錯誤和怪癖,需要JavaScript開發人員可以解決這些不一致問題。
Trix透過將contenteditable視為I / O裝置來回避這些不一致:當輸入進入編輯器時,Trix該輸入轉換為其內部文件模型的編輯操作,然後將該文件重新呈現回編輯器。這使得Trix可以完全控制每次擊鍵後發生的事情,並且完全無需使用execCommand。
相關文章
- 日常筆記一:擷取富文字編輯器中的文字內容筆記
- 日常筆記二:獲取富文字編輯器中圖片筆記
- [Djangorestframework]-富文字編輯器的使用DjangoRESTFramework
- SpringMVC整合富文字編輯器SpringMVC
- 關於專案中使用的富文字編輯器markdown和傳統的富文字編輯器的對比和選擇
- 分享 - 富文字編輯器 Froala Editor
- SSM使用UEditor富文字編輯器SSM
- 線上富文字編輯器初探
- 半成品md富文字編輯器
- ProseMirror - 用於在Web上構建富文字編輯器的工具包ROSWeb
- 深入淺出contenteditable富文字編輯器
- Eleditor移動端富文字編輯器
- iOS使用UITableView實現的富文字編輯器iOSUIView
- 富文字及編輯器的跨平臺方案
- vue 富文字編輯器 vue-quill-editorVueUI
- Django後臺管理配置富文字編輯器Django
- 在VueJS中使用 froala 富文字編輯器VueJS
- Tinymce - 宇宙第一富文字編輯器?[1]
- Tinymce - 宇宙第一富文字編輯器?[2]
- Tinymce - 宇宙第一富文字編輯器?[3]
- 九、Vue+Element使用富文字編輯器Vue
- HTML 頁面使用 wangeditor 富文字編輯器HTML
- Peritext:用於富文字協作的新型CRDT
- 一個百度富文字編輯器的坑
- 幾種開源富文字編輯器對比
- quill 富文字編輯器自定義格式化UI
- 淺析富文字編輯器框架Slate.js框架JS
- re-editor -- 開箱即用的react富文字編輯器React
- UltraEdit文字編輯器編寫強大的宏教程
- 富文字編輯器:UEditor與wangEditor 初使用總結
- 各種富文字/ HTML編輯器和框架比較HTML框架
- 富文字編輯器 VUE-QUILL-EDITOR 使用教程 (最全)VueUI
- Element UI 整合富文字編輯器 vue-quill-editorUIVue
- 富文字編輯器之遊戲角色升級ing遊戲
- ckeditor4.8 富文字編輯器的使用與填坑-PHPPHP
- 現代富文字編輯器Quill的內容渲染機制UI
- iA Writer文字編輯器,心無旁騖,全神貫注寫作!
- ProseMirror - 模組化的富文字編輯框架ROS框架