整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
家好，很高興又見面了，我是"高級前端?進階?"，由我?guī)е蠹乙黄痍P(guān)注前端前沿、深入前端底層技術(shù)，大家一起進步，也歡迎大家關(guān)注、點贊、收藏、轉(zhuǎn)發(fā)，您的支持是我不斷創(chuàng)作的動力。
Trix is a WYSIWYG editor for writing messages, comments, articles, and lists—the simple documents most web apps are made of. It features a sophisticated document model, support for embedded attachments, and outputs terse and consistent HTML.
Trix 是用于日常寫作的富文本編輯器，在 Web 應(yīng)用程序中撰寫格式精美的文本。 同時，Trix 是一個所見即所得（即，WYSIWYG）的編輯器，用于編寫消息、評論、文章和列表等，而大多數(shù) Web 應(yīng)用程序都是由這些簡單文檔組成的。 Trix 具有復(fù)雜的文檔模型、對嵌入附件的支持以及輸出簡潔且一致的 HTML。
Trix 是 Ruby on Rails 的創(chuàng)建者 37signals 的開源項目。Ruby on Rails 是一個全棧框架，附帶了在前端和后端構(gòu)建令人驚嘆的 Web 應(yīng)用程序所需的所有工具。
當(dāng) Trix 于 2014 年設(shè)計時，大多數(shù) WYSIWYG 編輯器都是 HTML 的 contenteditable 和 execCommand API 的包裝器，這些 API 由 Microsoft 設(shè)計，用于支持 Internet Explorer 5.5 中的網(wǎng)頁實時編輯，并最終被其他瀏覽器進行逆向工程和復(fù)制。
<blockquote contenteditable="true">
<p>Edit this content to add your own quote</p>
</blockquote>
<cite contenteditable="true">-- Write your own name here</cite>由于這些 API 沒有完全確定和標準化，因此每個瀏覽器的實現(xiàn)都有自己的一組錯誤和怪癖，JavaScript 開發(fā)人員需要解決這些不一致之處。
Trix 通過將 contenteditable 視為 I/O 設(shè)備來避免這些不一致，即當(dāng)用戶輸入到達編輯器時，Trix 將該輸入轉(zhuǎn)換為其內(nèi)部文檔模型上的編輯操作，然后將該文檔重新渲染回編輯器。 這使 Trix 可以完全控制每次擊鍵后發(fā)生的情況，并且根本不需要使用 execCommand。
bool=document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
// 注意：該方法也已經(jīng)廢棄最終，這種方法也成為所有現(xiàn)代所見即所得編輯器的常用方法。
目前 Trix 在 Github 通過 MIT 協(xié)議開源，有超過 18.3k 的 star、1.1k 的 fork、11.9k 的項目依賴量、代碼貢獻者 100+，妥妥的前端優(yōu)質(zhì)開源項目。
Trix 以 ESM 和 UMD 格式打包在一起，可與任何資源打包工具配合使用。 開始使用 Trix 的最簡單方法是將其從 npm CDN 包含在頁面的 <head> 中：
<head>
…
<link rel="stylesheet" type="text/css" href="https://unpkg.com/trix@2.0.8/dist/trix.css">
<script type="text/javascript" src="https://unpkg.com/trix@2.0.8/dist/trix.umd.min.js"></script>
</head>當(dāng)然，開發(fā)者也可以通過 NPM、yarn 等包管理工具進行下載和使用:
import Trix from "trix"
document.addEventListener("trix-before-initialize", ()=> {
// 這里可以修改 Trix.config 的配置
})開發(fā)者需要在頁面上放置一個空的 <trix-editor></trix-editor> 標記，Trix 會在編輯器之前自動插入一個單獨的 <trix-toolbar>。
與 HTML <textarea> 一樣，<trix-editor> 接受 autofocus 和 placeholder 屬性，但是與 <textarea> 不同 <trix-editor> 自動垂直擴展以適應(yīng)其內(nèi)容。
Trix 編輯器支持無限制的撤消和重做，連續(xù)的輸入和格式更改會以五秒的間隔合并在一起，所有其他輸入更改都單獨記錄在撤消歷史記錄中。
element.editor.undo()
element.editor.redo()Trix 還支持使用 JSON.stringify 序列化編輯器的狀態(tài)，并使用 editor.loadJSON 方法恢復(fù)保存的狀態(tài)。序列化狀態(tài)包括文檔和當(dāng)前選擇，但不包括撤消歷史記錄。
// 將編輯器狀態(tài)存儲在localStorage中
localStorage["editorState"]=JSON.stringify(element.editor)
// 從localStorage重新獲取編輯器狀態(tài)
element.editor.loadJSON(JSON.parse(localStorage["editorState"]))Trix 支持將格式設(shè)置應(yīng)用于當(dāng)前選擇，可以使用 editor.activateAttribute 方法:
element.editor.insertString("Hello")
element.editor.setSelectedRange([0, 5])
element.editor.activateAttribute("bold")更多關(guān)于 Trix 的用法可以參考文末資料，本文不再過多展開。
https://github.com/basecamp/trix
https://trix-editor.org/
https://www.bypeople.com/trix-rich-text-editor-for-everyday-writing/
https://www.youtube.com/watch?v=ZMcejBBDz4E
文本編輯器，Rich Text Editor, 簡稱 RTE, 它提供類似于 Microsoft Word 的編輯功能，容易被不會編寫 HTML 的用戶并需要設(shè)置各種文本格式的用戶所喜愛。它的應(yīng)用也越來越廣泛。
網(wǎng)址：http://ueditor.baidu.com/website/
UEditor是由百度web前端研發(fā)部開發(fā)所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗等特點，開源基于MIT協(xié)議，允許自由使用和修改代碼。
UEditor推出后幫助網(wǎng)站開發(fā)者在開發(fā)富文本編輯器所遇到的難題，節(jié)約開發(fā)時間，有效降低了開發(fā)成本。
網(wǎng)址：http://ckeditor.com/
CKEditor是新一代的FCKeditor，是一個重新開發(fā)的版本。CKEditor是全球最優(yōu)秀的網(wǎng)頁在線文字編輯器之一，因其驚人的性能與可擴展性而廣泛的被運用于各大網(wǎng)站。它志于輕量化，不需要太復(fù)雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語言相結(jié)合。
網(wǎng)址：http://kindeditor.net/
KindEditor 是一套開源的在線HTML編輯器，主要用于讓用戶在網(wǎng)站上獲得所見即所得編輯效果，開發(fā)人員可以用 KindEditor 把傳統(tǒng)的多行文本輸入框(textarea)替換為可視化的富文本輸入框。 KindEditor 使用 JavaScript 編寫，可以無縫地與 Java、.NET、PHP、ASP 等程序集成，比較適合在 CMS、商城、論壇、博客、Wiki、電子郵件等互聯(lián)網(wǎng)應(yīng)用上使用。
主要特點：
快速：體積小，加載速度快
開源：開放源代碼，高水平，高品質(zhì)
底層：內(nèi)置自定義 DOM 類庫，精確操作 DOM
擴展：基于插件的設(shè)計，所有功能都是插件，可根據(jù)需求增減功能
風(fēng)格：修改編輯器風(fēng)格非常容易，只需修改一個 CSS 文件
兼容：支持大部分主流瀏覽器，比如 IE、Firefox、Safari、Chrome、Opera
網(wǎng)址：https://www.tinymce.com/
TinyMCE是一個輕量級的基于瀏覽器的所見即所得編輯器，支持目前流行的各種瀏覽器，由JavaScript寫成。功能配置靈活簡單（兩行代碼就可以將編輯器嵌入網(wǎng)頁中），支持AJAX。另一特點是加載速度非常快，如果你的服務(wù)器采用的腳本語言是 PHP，那還可以進一步優(yōu)化。最重要的是，TinyMCE是一個根據(jù)LGPL license發(fā)布的自由軟件，你可以把它用于商業(yè)應(yīng)用。
網(wǎng)址：http://simditor.tower.im/
Simditor 是團隊協(xié)作工具 Tower 使用的富文本編輯器。Tower 認為，作為一款在線生產(chǎn)力工具，讓用戶能極其舒暢地生產(chǎn)內(nèi)容是它的核心品質(zhì)之一，因此決定自己開發(fā)一款編輯器，這就是 Simditor 產(chǎn)生的原因。Simditor的理念是保持簡單，避免過度的功能，每一個特性都追求極致的用戶體驗。同時，Simditor也很容易擴展。
主要特點：
功能精簡，加載快速
輸出格式化的標準 HTML
每一個功能都有非常優(yōu)秀的使用體驗
兼容的瀏覽器：IE10+、Chrome、Firefox、Safari
網(wǎng)址：http://www.ewebeditor.net/
eWebEditor是基于瀏覽器的、所見即所得的在線HTML編輯器。她能夠在網(wǎng)頁上實現(xiàn)許多桌面編輯軟件（如：Word）所具有的強大可視編輯功能。WEB開發(fā)人員可以用她把傳統(tǒng)的多行文本輸入框<TEXTAREA>替換為可視化的富文本輸入框，使最終用戶可以可視化的發(fā)布HTML格式的網(wǎng)頁內(nèi)容。
網(wǎng)址：http://www.wangeditor.com/
wangEditor的定位是做最簡單、易用、快捷、輕量化的富文本編輯器。基于javascript和css開發(fā)的開源免費Web富文本編輯器。它經(jīng)歷了兩次代碼重構(gòu)和五次UI升級。配置方便，使用簡單。支持 IE10+ 瀏覽器。
網(wǎng)址：http://xheditor.com/
xhEditor是一個基于jQuery開發(fā)的簡單迷你并且高效的在線可視化HTML編輯器。
xhEditor完全基于Javascript開發(fā)，您可以應(yīng)用在任何的服務(wù)端語言環(huán)境下。
xhEditor可以在CMS、博客、論壇、商城等互聯(lián)網(wǎng)平臺上完美的嵌入運行，能夠非常靈活簡單的和您的系統(tǒng)實現(xiàn)完美的無縫銜接。
自2009年4月首個版本發(fā)布以來，憑借我們?nèi)诵曰挠脩趔w驗和不斷持續(xù)完善的態(tài)度，越來越多的網(wǎng)站選擇了使用xhEditor。
主要特點：
精簡迷你：初始加載65k。若gzip壓縮傳輸，縮減為24k左右。
使用簡單：簡單的調(diào)用方式，就能將您的textarea立馬變成一個可視化編輯器。
無障礙訪問：提供WAI-ARIA全面支持，全程語音向?qū)В寶埣踩艘材苁褂谩?/p>
內(nèi)置Ajax上傳：內(nèi)置強大的Ajax上傳，剪切板上傳及遠程抓取上傳。
Word自動清理：實現(xiàn)Word代碼自動檢測并清理。
UBB可視化編輯：提供完美的UBB可視化編輯解決方案。
網(wǎng)址：http://www.bootcss.com/p/bootstrap-wysiwyg/
為Bootstrap定制的微型所見即所得（What you see is what you get）富文本編輯器。輕量、簡潔大方好看、使用方便。
網(wǎng)址：https://quilljs.com/
Quill 是一個開源的富文本編輯器，基于可擴展的架構(gòu)設(shè)計，提供豐富的 API 進行定制。一個可以幫助開發(fā)人員解決所見即所得的編輯器工具，該編輯器旨在通過自身的編輯模塊提供強大的API來構(gòu)建自定義式的編輯器，最重要的是它沒有規(guī)定樣式，你可以自定義自己的編輯器以符合自己的使用需求。
HM Editor是一款WYSIWYG編輯器，可以幫助用戶進行CHM文件的編輯。通過軟件你可以先對所有的HTML文件進行提取液，然后到對應(yīng)的資源文件夾中進行JAVA導(dǎo)航樹的生成，通過生成導(dǎo)航樹可以讓你更方便的找到自己需要的文件內(nèi)容，然后對CHM文件進行一個編輯處理，可以進行修改和反編譯等等操作，有需要的用戶快來下載看看吧。
來源：http://www.3h3.com/soft/275316.html
1.CHM Editor最新版以所見即所得的方式編輯CHM文件;
2.在HTML模式編輯CHM文件;
3.幾個內(nèi)置的在線翻譯工具;
4.轉(zhuǎn)換器從CHM為HTML格式;
5.字符集轉(zhuǎn)換;
6.圖像處理。
1、打開在本站下載好的CHM Editor最新版，打開軟件后點擊軟件頂部的【文件】選項，在彈出的下拉中點擊【新建】選項。
2、打開CHM Editor新建窗口后，選擇您要創(chuàng)建的模板就可了，然后輸入方案的名稱，文件名就可以了。
3、它的格式是E:+路徑+文件名;也就是E:chm_helpchm_使用幫助.chm (+別打上去，E為磁盤盤符)。
4、然后就可以新建一個CHM Editor文件了。
5、點擊左側(cè)的您新建的節(jié)點，在彈出的選擇【重命名】。或者直接左鍵選中摁F2。
6、如果您想給CHM Editor節(jié)點，您可以選擇一個Top然后點擊鼠標右鍵在彈出的選項中點擊【添加主題】然后選擇【添加主題】。
7、在打開的窗口中輸入您要創(chuàng)建的主題名稱，輸入完成后點擊【確定】。
8、點擊CHM Editor左側(cè)的【屬性】選項卡，您就可以給您的節(jié)點添加屬性了，您可以自行選擇。
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
