<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ThinkChat2.0新版上線,更智能更精彩,支持會話、畫圖、視頻、閱讀、搜索等,送10W Token,即刻開啟你的AI之旅 廣告
                [TOC] 內容創建從一開始就一直是網頁的核心。幾乎所有的Web應用使用`<textarea>`作為一種原生的基本解決方案。但是,在某些時候,您可能需要在文本輸入中添加格式,這就需要富文本編輯器。這里有許多選擇,但Quill帶來了一些可參考的現代思想。 ## API驅動的設計 富文本編輯器幫助人們編寫文本,但奇怪的是,大多數富文本編輯器都不知道用戶編寫了什么文本內容。這些編輯器通過與Web開發人員相同的視角查看內容,這就是DOM。因為DOM由不平衡數中的節點組成,而文本是由行、詞及字符組成,這呈現了它們之間的不一致。 DOM沒有以字符為單位的API,因為這個限制,大多數富文本編輯器無法回答諸如“此范圍內的文本是什么?”或者“光標在粗體文本上嗎?”的問題。在這些原型的基礎上,很難建立豐富的編輯體驗。 Quill是為編輯和記住字符而設計的,它的api構建在這些以自然文本為中心的單元之上。為了查找粗體字符,Quill不需要遍歷DOM來查找`<b>` 或 `<strong>`節點,而只需要調用[`getFormat(5, 1)`](../api/格式化formatting.md)查找font-weight的樣式屬性。所有核心[API](../api.md) 調用都允許訪問或修改任意索引和長度。 [event API](../api/事件events.md)還能以直觀的JSON格式報告更改,不需要解析HTML或diff DOM樹。 ## 自定義內容和格式 在過去,評估富文本編輯器進行就像比較所需格式的清單一樣簡單。一個好的富文本編輯器的標志就是它支持多少格式。這仍然是評價富文本編輯器一個重要的措施,但這幾乎可以忽略。 文本不再打印,而是直接呈現在網頁上——比紙更豐富的畫布。內容可以是實時的、交互式的,甚至是協作的。一些富文本編輯器甚至可以支持簡單的媒體,如圖像和視頻。幾乎沒有編輯器能嵌入tweet或交互式圖表。然而,這正是網絡發展的方向:更豐富、更互動。支持內容創建的工具需要考慮這些場景。 Quill公開了自己的文檔模型,這是對DOM的強大抽象,允許擴展和定制。Quill可以支持無上限的格式和內容。用戶已經使用它添加嵌入式幻燈片,交互式檢查表和三維模型。 ## 跨平臺 跨平臺支持對許多Javascript庫都很重要,但這意味著不同平臺標準往往不同。對Quill來說,這條不僅僅指他能運行和工作,而且必須用同樣的方式運行和工作。功能不僅僅是跨平臺的考慮,用戶和開發人員的體驗也是如此。如果某些內容在OSX上的Chrome中產生了特定的標記,那么它在IE上也會產生相同的標記。如果在Windows上的Firefox中按enter保留粗體格式狀態,則這個功能也將保留在mobile Safari中。 ## 易用 這些好處可以通過簡單的使用一個打包庫獲得。 Quill自帶默認的參數,你只需要用幾行JavaScript代碼來啟用: ```js var quill = new Quill('#editor', { modules: { toolbar: true }, theme: 'snow' }); ``` 如果您的應用不需要定制,你就不用定制Quill,就好好享受開箱即用的豐富一致的體驗。 Enjoy!
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看