整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          這一款開源免費的富文本編輯器,是值得推薦的-Quill

          Quill是一個所見即所得的富文本編輯器,是一個集兼容性和可擴展性于一體的優秀編輯器,





          Github

          https://github.com/quilljs/quill

          Quill特點

          • 開發友好

          通過簡單的API可以細粒度地訪問編輯器的內容,更改和事件。使用JSON作為輸入和輸出一致且確定性的工作

          • 兼容性好

          支持臺式機,平板電腦和手機上的所有現代瀏覽器。體驗相同的一致行為,并跨平臺生成HTML。


          • 自定義內容和格式

          在過去,評估富文本編輯器就像比較所需格式的清單一樣簡單。一個好的RTF編輯器的標志就是它支持多少種格式。雖然這很重要,但是如果能夠自定義內容和格式,那其擴展性將是無限的。

          • 使用方便

          所有這些好處都包含在易于使用的代碼中。 Quill帶有默認值,只需幾行Javascript就可以立即使用它:

          var quill = new Quill('#editor', {
            modules: { toolbar: true },
            theme: 'snow'
          });

          如果不需要自定義,那么你只需享受現成的豐富而一致的體驗即可。

          截圖




          功能上支持圖片上傳、視頻、代碼高亮(內置了highlight)等功能

          快速開始

          <!DOCTYPE html>
          <html lang="en">
          
          <head>
              <meta charset="UTF-8">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>Document</title>
              <link href="quill.snow.css" rel="stylesheet">
          </head>
          <body>
              <!-- 編輯器容器 -->
              <div id="editor">
                  <p>Hello World!</p>
                  <p>Some initial <strong>bold</strong> text</p>
                  <p><br></p>
              </div>
          
              <!-- 引入quill -->
              <script src="quill.js"></script>
          
              <!--初始化 -->
              <script>
                  var quill = new Quill('#editor', {
                      theme: 'snow'
                  });
              </script>
          </body>
          
          </html>



          總結

          本文對于Quill的介紹有限,但是并不能掩飾它的優秀,具體的用法和API可以參考官方文檔,不過蘿卜青菜,各有所愛,合適的才是最好的!

          面我推薦幾款工具

          HTML App Build

          HTML App Build 工具是一款可以將 HTML 網頁轉換為 EXE 可執行文件的軟件。它可以讓您使用 HTML、JavaScript 和 CSS 等網頁技術開發跨平臺的移動應用

          使用 HTML App Build 工具的步驟如下:

          1. 在您的電腦上安裝 HTML App Build 工具

          2. 打開 HTML App Build 工具,選擇“文件”-> “新建”->“項目”,輸入項目名稱和保存路徑,選擇“5+ App”模板。

          3. 編寫您的 HTML、JavaScript 和 CSS 代碼,或者使用 HBuilderX 內置的 HTML5+ API 和 MUI 框架來快速開發移動應用。

          4. 在 HTML App Build 工具中選擇“運行”-> “運行到手機或模擬器”,查看您的應用在真機或模擬器上的效果。

          5. 在 HTML App Build 工具中選擇“云打包”-> “打包設置”,設置應用的圖標、名稱、版本號等信息,然后選擇“開始云打包”。

          6. 等待云打包完成后,下載應用的 EXE 文件,或者掃描二維碼在手機上安裝應用。

          HEX

          HEX 工具是一款可以將 HTML 網頁轉換為 EXE 或 APP 的軟件。它可以讓您使用 HTML等網頁技術開發桌面或移動應用。


          使用 HEX 工具將 HTML 變為 EXE 或 APP 的步驟如下:

          1. 在您的電腦上安裝 HEX 工具。

          2.打開HEX 工具,選擇“新建項目”,輸入項目名稱和保存路徑,選擇“HTML”模式。

          3.編寫您的 HTML ,JavaScript 和 CSS 代碼,或者使用現有的 HTML 網頁文件。

          4.在HEX 工具中選擇“發布項目”,設置您的應用的圖標、名稱、版本號等信息,然后選擇“生成 EXE”或“生成 APP”。

          5.等待生成完成后,您就可以得到您的應用的 EXE 或 APP 文件,可以在電腦或手機上運行。

          這是詳細的使用過程:HTML杞? EXE錛寃eb欏圭洰鎵撳寘 exe鐨勮В鍐蟲柟妗堬紙1錛夛細HEX - 鐭ヤ箮

          HTML Compiler

          HTML Compiler是一款可以將HTML文件轉換為可執行文件的工具。您可以使用它來制作獨立的網頁應用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步驟操作:

          1. 下載并安裝HTML Compiler2021直裝版,或者從官網下載最新版本。

          2. 打開HTML Compiler,選擇“新建項目”或“打開項目”,并選擇您要編譯的HTML文件或文件夾。

          3. 在項目設置中,您可以修改應用程序的名稱、圖標、版本、版權等信息,以及選擇編譯選項和輸出路徑。

          4. 點擊“編譯”按鈕,等待編譯完成,您就可以在輸出路徑中找到生成的可執行文件了。

          這是關于html compiler直裝版的詳細教程HTML Compiler2021直裝版 附安裝教程及特點 - 嗶哩嗶哩

          如果您只是想編輯和運行HTML文件,而不需要編譯成可執行文件,您可以使用其他的HTML編輯器,例如VS Code、HBuilderX、Online HTML Editor等。這些編輯器都提供了語法高亮、代碼提示、實時預覽等功能,可以幫助您快速編寫和測試HTML代碼。

          著使用電腦手機的時間越來越多,個人收集的在網盤與收藏夾里的文件也越雜亂。

          長久這樣不處理會讓人產生數據焦慮,所以現在很多人會利用思維導圖與各種筆記軟件來輔助梳理自己收集的數據,專業一點的還會用上Roam Research、Logseq 以“塊”為編輯結構的軟件。

          但這些國外軟件存在著訪問慢,以及遲遲不進行本土化的痛點,于是國內的廠商抓住機會,把各類辦公的模塊準備好,大家就能像拼積木一樣組合成自己的專屬頁面。

          而今天體驗的這款筆記工具,是集合了記筆記、個人或團隊主頁、在線多維表格、項目進度、圖片視頻音頻及看板等眾多功能于一體,同時支持安卓、iOS、網頁的FlowUs!

          不管是建立自己的介紹主頁,讀書筆記,還是團隊的內部文檔庫,都可以使用里面提供的模板來快速上手,FlowUs 的模板中心提供了大量的寫作框架,所以第一次使用也不用擔心沒有頭緒的問題,這些模板能幫助你快速上手。

          思緒雜亂的時候,看到這些井井有條的模板,心情都變好了

          從上面的圖里可以看到,里面的模板被分成了很多大類:工作通用、學生教師、個人生活、項目管理、工程師、人力行政、市場運營、產品經理、設計等適用于各行各業常用的辦公場景,不僅樣式多和美觀,并且全部免費使用!除了電腦端之外,在手機上也能隨時記錄。界面美觀,層次清晰。

          一、FlowUs 的編輯能力

          一個好的筆記工具,編輯功能要足夠多才行,而 FlowUs 可以連接其他平臺,或是把網頁加入進來,就相當于是之前推薦的剪報瀏覽器在線版。

          比如說我們要在筆記里加入個人信息或者作品集時,要貼上我們的視頻或者其他平臺的網址,這時候 FlowUs 除了可以輸入常規的文本表格、公式圖片外,還可以上傳視頻、音樂等文件,或者像是直接嵌入“網抑云”與嗶哩嗶哩的視頻,這樣頁面分享出去就豐富很多,第三方平臺的內容也可以直接在頁內預覽,非常方便。

          接下來就是以“塊”為特點的編輯器特色了,FlowUs 支持哪些類型的項目添加?可以直接點擊旁邊的“+”號,或者輸入一個“/”來調出支持的塊。

          下面來看看到底有多少:文件夾、網頁書簽、看板、代碼片段和數學公式、墨刀、Figma 等第三方平臺,以后支持的項目還會越來越多,這么豐富的頁面聚合,你可以隨便添加自己喜歡的內容,就算是套娃也沒關系。就,很開放。

          編輯完成之后,可以選擇分享頁面,其他人就可以通過鏈接直接查看,甚至下載文件。由于支持頁面的嵌套,你可以拿來寫作一個小博客的站點。

          在手機上還能導出為高清圖片。

          二、可切換多種視圖的多維表功能

          在介紹這個功能之前,先來說一下什么是多維表?多維表就是你只需要輸入一次數據,就可以得到不同的信息展示方式,而不用自己再去辛辛苦苦的去調整樣式,有些數據在不同的時間,側重點也會發生變化,這個切換視圖的功能是非常棒的,經常用 Excel 數據透視表的朋友都懂。

          果核這里用動圖演示一下,下面這個軟件更新記錄列表,可以根據你的需要,切換成看板視圖、表格視圖等不同形式。把數據變成看板能更直觀的展示事件進行的狀態。

          仔細看看圖標和標題,就會發現這是通過官方提供的讀書筆記模板小改而成的,非常方便

          為了適配各種業務場景,FlowUS提供了多種不同的視圖,包括畫廊、表格、看板、目錄、時間軸等,每種視圖都有不同的特色。

          想要健身或者習慣養成的可以使用下面這個模板,可以直觀的看到統計數據。

          在畫廊視圖下還可以自行設置卡片封面。這樣就可以用畫廊視圖用來做讀書筆記、觀影筆記、待辦清單,或是管理公司職工資料,都是不錯的選擇。

          FlowUS的多維表支持的元素類型很多,比如:文本、數字、人員提醒(團隊版)、文件、網址等等,在做好自己的頁面后,你還可以選擇分享給其他人使用。

          三、還是個不限速的“網盤”

          FlowUs還有文件夾功能,其實就是不限速的網盤!在左側目錄樹里,內置了“文件管理"模板,可以直接拿來做網盤使用。

          然后就可以在這里新建自己的文件夾,什么圖片、視頻、音頻的文件都可以上傳。網盤中的視頻圖片與文檔等支持在線預覽。

          網盤里的文件直接分享,使用者只需打開分享鏈接就可以獲取,下載速度也非常快,這是最普通的速度,好家伙,以后大家在個人使用傳文件的時候,都可以貼這個做個下載頁面了,還可以貼上資源的使用教程等信息。

          這個功能還可以用來與小伙伴分享資源,在新增的功能里,創建協作團隊可以支持5人以下的團隊免費使用,也就是說有需求的朋友可以拉上朋友、團隊甚至家人建一個協作共享空間!直接變身家庭盤!

          同時不用擔心空間有了,設備不支持的問題,FlowUS現在有各個終端的版本,下載直接使用!


          主站蜘蛛池模板: 久久高清一区二区三区| 日韩人妻一区二区三区免费| 亚洲一区精彩视频| 波霸影院一区二区| 精品视频一区二区三区四区 | 亚洲A∨精品一区二区三区| 国产精品xxxx国产喷水亚洲国产精品无码久久一区 | 亚洲视频一区二区在线观看| 麻豆va一区二区三区久久浪| 亚洲bt加勒比一区二区| 男人的天堂av亚洲一区2区| 久久精品视频一区| 亚洲美女高清一区二区三区| 风间由美在线亚洲一区| 精品永久久福利一区二区| 国内精品无码一区二区三区| 视频在线观看一区| 国产一区二区三区电影| 国产精品视频一区| 国产精品视频免费一区二区| 成人免费观看一区二区| 久久精品无码一区二区无码| 性色A码一区二区三区天美传媒 | 中文字幕乱码一区久久麻豆樱花| 国产一区二区三区久久精品| 国产精品亚洲不卡一区二区三区| 国产一区二区三区不卡在线观看| 另类国产精品一区二区| 伊人无码精品久久一区二区| 国产福利一区二区三区| 亚洲综合在线成人一区| 精品国产AV一区二区三区| 亚洲一区无码中文字幕乱码| 免费播放一区二区三区| 亚洲综合在线成人一区| 一区二区三区无码被窝影院| 亚洲高清一区二区三区电影| 欧美亚洲精品一区二区| 国产午夜精品一区二区三区极品 | 亚洲片一区二区三区| 国产精品被窝福利一区|