每天的工作生活中,我們都會(huì)用到文字編輯,不管是辦公,錄音,聊天還是發(fā)彈幕。筆記工具編輯器是如何產(chǎn)生的呢?這是怎么實(shí)現(xiàn)的呢?接下來(lái)小編就給大家介紹一下筆記工具編輯器是什么,一起來(lái)看看吧。
筆記工具編輯器是什么?
目前使用的編輯器有一個(gè)有趣的名字叫做“WYSIWYM”或“WYSIWYG。也就是“所見(jiàn)即所得”編輯器。編輯的經(jīng)驗(yàn)與傳統(tǒng)的書(shū)寫經(jīng)驗(yàn)相似,在編輯器中輸入的內(nèi)容就是最終呈現(xiàn)的內(nèi)容。
第一個(gè)WYSIWYG編輯器Bravo誕生于1974年,它在XeroxAlto上運(yùn)行,第一臺(tái)計(jì)算機(jī)使用了用戶圖形界面(GUI)。雖然XeroxAlto并非一種商業(yè)化的量產(chǎn)產(chǎn)品,但它曾經(jīng)生產(chǎn)了數(shù)千臺(tái),并被用于許多美國(guó)研究中心和美國(guó)大學(xué)。XeroxAlto啟發(fā)了個(gè)人計(jì)算機(jī)的設(shè)計(jì)方向,如安迪·貝托斯海姆在XeroxAlto基礎(chǔ)上設(shè)計(jì)SUN工作站。Apple的Mac電腦,最初也是由XeroxAlto設(shè)計(jì)的。有意思的是,XeroxAlto的屏幕是垂直顯示的。
從上世紀(jì)80年代起,文本編輯器就成為了人人都能使用的工具。隨著Window3.0的推出,在90年代初,MSWord迅速占領(lǐng)了WordPrefect和WordStar的市場(chǎng)。
隨著Windows操作系統(tǒng)30多年來(lái)的不斷普及,MSWord一路發(fā)展到今天,也成為了很多人使用的文字編輯工具。但是Word在誕生之初就面臨著商業(yè)辦公的局面,旨在將商業(yè)辦公中的文件數(shù)字化。隨著時(shí)間的推移,新一代的文本編輯器的工具欄變得越來(lái)越復(fù)雜,希望能夠更多地滿足用戶的需要。但是事實(shí)上,用戶對(duì)文檔的使用方式已經(jīng)徹底改變,不再只是追求辦公文檔的電子化,而將文檔作為一種信息收集、整理、甚至團(tuán)隊(duì)合作的工具。
與此同時(shí),在這30多年中,對(duì)更加靈活、交互更加便利的編輯器,工程師們的探索從未停止。為了開(kāi)發(fā)一種面向廣大用戶,表現(xiàn)豐富,數(shù)據(jù)兼容,交互方便的新型編輯器,他們致力于拋棄功能冗余,交互繁復(fù),平臺(tái)間移植不便的傳統(tǒng)編輯器。
因特網(wǎng)的興起和HTML技術(shù)的普及,使瀏覽器功能強(qiáng)大,幾乎所有的工作都可以放入瀏覽器內(nèi)完成。隨著瀏覽器技術(shù)的發(fā)展,文本編輯也形成了一種新的技術(shù)分支——在線編輯。
網(wǎng)上編輯器的發(fā)展已有20多年的歷史,它是基于HTML的全局屬性contenteditable的網(wǎng)上編輯器,借助DOMAPI提供的document.execCommand等功能,實(shí)現(xiàn)傳統(tǒng)編輯器的基本編輯功能。
本機(jī)聯(lián)機(jī)編輯器直接調(diào)用DOM提供的API,有很大的局限性。這些問(wèn)題包括DOM操作頻繁更新帶來(lái)的性能問(wèn)題,多平臺(tái)瀏覽器的兼容性問(wèn)題,編輯器狀態(tài)維護(hù)等,這些問(wèn)題都給終端用戶帶來(lái)了許多編輯體驗(yàn)方面的問(wèn)題。
基于本地在線編輯,開(kāi)發(fā)出了基于web技術(shù)的初代在線編輯器。其主要思想是:通過(guò)對(duì)底層框架使用的封裝,解決了部分瀏覽器的兼容性問(wèn)題;提供了更好的上層使用界面,使DOM更新更加方便;抽象出通用處理組件,統(tǒng)一了同類操作的規(guī)范,同時(shí)解決了編輯器狀態(tài)管理問(wèn)題;以及對(duì)有限的命令集進(jìn)行了擴(kuò)展。有代表性的早期在線編輯器有:CKEditor、TinyMCE。
圖片來(lái)源:CKEditor的前身FCKeditor。
但是,這些早期的在線編輯將會(huì)面臨很多問(wèn)題:直接操作本機(jī)DOM,會(huì)帶來(lái)較大的性能開(kāi)銷。
對(duì)初代編輯器來(lái)說(shuō),這是一個(gè)更大的問(wèn)題,而近年來(lái)前端技術(shù)一直在解決這個(gè)問(wèn)題,即如何通過(guò)技術(shù)實(shí)現(xiàn)減少對(duì)本地DOM的操作,包括使用domdiff算法,如何減少重繪,重排等等。
編輯的狀態(tài)管理成本高而且不穩(wěn)定,而且不能實(shí)現(xiàn)基于事務(wù)的操作。
對(duì)于本機(jī)web編輯器來(lái)說(shuō),編輯器的狀態(tài)管理也是一個(gè)很大的問(wèn)題,更多的狀態(tài)和狀態(tài)之間的關(guān)聯(lián)很難用DOMAPI的方式來(lái)維護(hù),即使在部分級(jí)別上進(jìn)行封裝,也很難實(shí)現(xiàn)統(tǒng)一管理。
不能使用更加直觀的顯示框架來(lái)支持編輯操作。
只有借助工具欄和編輯器的交互才能即興實(shí)現(xiàn),使用戶在使用時(shí)需要頻繁操作工具欄,從而延長(zhǎng)使用路徑。
盡管存在種種不足,這些早期的在線編輯器幫助許多在線企業(yè)解決了從無(wú)到有的在線編輯問(wèn)題,也得到了廣泛的應(yīng)用。大約在2013年,新的一批現(xiàn)代在線編輯器(ModernEditor)開(kāi)始出現(xiàn),從技術(shù)的角度來(lái)看,他們的共同點(diǎn)是:基于自建的數(shù)據(jù)模型,提供通用的擴(kuò)展界面,實(shí)現(xiàn)各種格式、撤銷、重做等功能,并且在符合某些數(shù)據(jù)規(guī)范的情況下,能夠跨版本、跨平臺(tái)兼容。就用戶而言,這些現(xiàn)代在線編輯器也有一些明顯的共同點(diǎn)。
當(dāng)代在線編輯器的模塊化特性經(jīng)常被用來(lái)與樂(lè)高積木作類比,即由各個(gè)模塊構(gòu)成文檔或文件。使用者可自由選擇其內(nèi)容所需的模組:文字、圖片、標(biāo)題、程式碼等等。模組可以像樂(lè)高的零件一樣自由地拖放和堆積。
快捷鍵(slashcommands)最初出現(xiàn)在聊天工具IRC里面,后來(lái)被像Slack這樣的在線聊天工具借用,并開(kāi)始逐漸流行起來(lái)。然后出現(xiàn)在各種新型的網(wǎng)絡(luò)編輯器中。作為鍵盤的快捷方式,它在方便用戶喚醒功能的同時(shí),也簡(jiǎn)化了屏幕的不同顯示方式,在現(xiàn)代網(wǎng)絡(luò)編輯器用戶中形成了較為普遍的使用習(xí)慣。
使用快速編輯菜單可以進(jìn)一步優(yōu)化用戶的編輯體驗(yàn)。在顯示部分文字時(shí),將自動(dòng)顯示快捷編輯菜單,并顯示所需操作的相關(guān)功能。還可以避免用戶在傳統(tǒng)編輯模式下,在繁復(fù)的工具欄中尋找自己需要的信息。如圖片部分亮度較高,則與圖片操作相關(guān)的功能會(huì)出現(xiàn)在快捷編輯菜單中。
編輯是世界上最大的筆記工具,是印象筆記的核心產(chǎn)品。自上世紀(jì)80年代以來(lái),Evernote的創(chuàng)立者StepanPachikov也開(kāi)始從事文本編輯和手寫輸入方面的研究。
隨著Evernote的誕生,用戶編輯體驗(yàn)發(fā)生了重大變化,智能手機(jī)的普及,跨客戶機(jī)和多設(shè)備支持,多模式筆記格式,使得印象筆記編輯器大大超過(guò)了以往的編輯器。
從一開(kāi)始,印象筆記編輯器就支持4種客戶機(jī)(iOS,Android,Windows,Mac)和網(wǎng)絡(luò)端在線編輯的原生體驗(yàn)。對(duì)于不同客戶端的編輯器,采用統(tǒng)一的架構(gòu)進(jìn)行本地開(kāi)發(fā),并通過(guò)統(tǒng)一的數(shù)據(jù)格式實(shí)現(xiàn)多平臺(tái)同步。
由于“印象筆記”中國(guó)團(tuán)隊(duì)的獨(dú)立拆分,印象筆記終于有機(jī)會(huì)在Evernote過(guò)去10多年積累的技術(shù)基礎(chǔ)上,注入更多的新技術(shù),加速開(kāi)發(fā)在線編輯器。如今我們隆重推出新一代的印象筆記在線編輯器“超級(jí)筆記”。
筆記工具編輯器得益于更具靈活性的底層框架與表現(xiàn)層框架的無(wú)縫對(duì)接,提供顯示層面所需的視覺(jué)能力,增加了block菜單、快捷格式菜單、類型轉(zhuǎn)換菜單,并引入了表格類型轉(zhuǎn)換功能和列頭交互功能,使超強(qiáng)筆記帶來(lái)了全新的用戶體驗(yàn)。以上就是小編為大家介紹的筆記工具編輯器是什么,希望對(duì)您有幫助。
[免責(zé)聲明]
文章標(biāo)題: 筆記工具編輯器是什么?
文章內(nèi)容為網(wǎng)站編輯整理發(fā)布,僅供學(xué)習(xí)與參考,不代表本網(wǎng)站贊同其觀點(diǎn)和對(duì)其真實(shí)性負(fù)責(zé)。如涉及作品內(nèi)容、版權(quán)和其它問(wèn)題,請(qǐng)及時(shí)溝通。發(fā)送郵件至36dianping@36kr.com,我們會(huì)在3個(gè)工作日內(nèi)處理。