十個最好用的所見即所得HTML編輯器

讓不懂代碼的人也能方便地去格式化編輯文本,一直是開發者比較關注的事情。如今,咱們很容易就能提供相似的功能。下面所列的10個所見即所得Web編輯器是很是常見的,也是值得你去關注的。說不定你的下個項目中就會有它們的身影。 php

1. NicEdit

演示 | 下載 html

NicEdit

NicEdit小巧精悍,擁有你所須要的大部分功能,並且也很容易集成到你的網站之中。它徹底能夠作爲那些體積大、功能繁雜的編輯器的替代者。 git

2. TinyMCE

演示 | 下載 github

TinyMCE

TinyMCE是一個基於JavaScript的開源HTML所見即所得編輯器。它易於集成,而且擁有可高度定製的主題和插件。TinyMCE是功能很是齊全和強大的編輯器之一,它能夠達到微軟Word相似的編輯體驗。 web

3. CKEditor

演示 | 下載 瀏覽器

CKEditor

CKeditor是在FCkEditor基礎上開發的新版本,而FCkEditor的市場地位以前已經獲得了證實。創建在這個基礎上的新版本,是爲了修復FCkEditor的一些已知問題。而其結果確定是造就一個可媲美微軟Word和OpenOffice的完美功能、高性能的所見即所得編輯器。 編輯器

4. YUI Rich Text Editor

演示 | 下載 性能

YUI Rich Text Editor

YUI富文本編輯器是由Yahoo開發,用來控制UI界面,並把textarea文本域變成功能齊全區域的所見即所得編輯器。它雖然有幾個具備不一樣功能特性的版本,可是仍然用不擁擠的按鈕和功能界面達到了完美的用戶體驗。 網站

5. MarkItUp!

演示 | 下載 ui

MarkItUp!

Markitup!是一個基於jQuery的插件,它可讓你把任何一個textarea文本框變成變成一個標記語言編輯器。 Html, Textile, Wiki Syntax, Markdown, BBcode 或者任何一個你本身專屬的標記語言均可以輕鬆地實施。 Markitup!不是你所期待的那種全功能編輯器,而是一款輕量級的,可高度定製的編輯器。Markitup!也不是所見即所得的編輯器,並且永遠也不會那麼去作。

6. FreeTextBox

演示 | 下載

FreeTextBox

FreeTextBox是一個特別爲ASP.NET打造的HTML編輯器。它的外觀和使用感受,跟你在使用微軟 Word時的感受很相似。它的免費版本缺乏一些附加的功能,可是免費版本已經足夠用了。

7. MooEditable

演示 | 下載

MooEditable

所見即所得編輯器是一種比較流行的jQuery插件,可是做爲Mootools插件的所見即所得編輯器就沒那麼常見了。而MooEditable填補了這一空白,它在Mootools這個優秀的JavaScript庫的基礎上,爲用戶提供了一個簡單而又高效的體驗。若是你是一個Mootools愛好者,你也會喜歡上這個編輯器的。

8. OpenWysiwyg

演示 | 下載

OpenWysiwyg

OpenWysiwyg是一個跨瀏覽器的富文本編輯器,它幾乎擁有你所須要的各類功能。它還有一個包含下拉列表和按鈕的時尚用戶界面,其功能亮點是能夠用來編輯具備不一樣邊框和顏色的表格。遺憾的是,暫時還不支持Chrome。

9. Spaw Editor

演示 | 下載

Spaw Editor

Spaw是一款基於Web瀏覽器的所見即所得編輯器,它使網站開發者能夠輕鬆地把標準的textarea文本區域替換爲功能齊全、徹底可定製、多語言、可換膚的基於Web的所見即所得HTML編輯器。

10. jHtmlArea

演示 |下載

jHtmlArea

jHtmlArea是一款以jQuery插件形式構建的所見即所得文本編輯器。它的目標是簡單、重量,而且很好地達到了這個目標,裏面僅保留了最基本的功能選項。它的外觀、功能和語言均可以輕鬆地進行定製。

想進一步探討嗎?

若是你用過其中的一種,或者用了另外的一種基於Web的文本編輯器。或者,你對這個話題感興趣,請在下面留言討論。很樂意聽到你的觀點和聲音!



原文鏈接

相關文章
相關標籤/搜索