6個HTML5 編輯器推薦

2020-12-13 開源中國

本文介紹6個HTML 5編輯器，他們共有特點都具有很全的功能，希望對你的HTML 5開發有幫助。

列表如下：

1. Mercury : HTML5 Powered WYSIWYG Editor

Mercury 是個全功能的編輯器，包含TinyMCE和CKEditor同樣的功能，但是又有不同的特性。取代iFrames它使用了HTML5內容可編輯功能等。Mercury 是由CoffeeScript代碼編寫，其支持所有的主流瀏覽器。

Website/Downoad

2 Aloha Editor – HTML5 WYSIWYG Editor

Aloha Editor 是個基於瀏覽器的富文本編輯器框架，JavaScript創建。不像其他大多數的HTML編輯器，Aloha可以被嵌入到CMS、Blog，及其他標準的web開發框架中。

Website

3. Rendra- Online HTML 5 Editor

Rendra 是個在線HTML5 編輯器，運行用戶實時預覽，支持HTML 5和CSS 3，以及HAML 和SASS。它是由CoffeeScript 和 Sinatra代碼編寫的。用戶可以用Rendra測試JS代碼，允許用戶利用 jQuery UI,jQuery 工具和插件。

Website

4. BlueGriffon: Next Generation HTML5 WebEditor

BlueGriffon是一新的WYSIWYG編輯器，跨平臺， 支持Windows, Linux and Mac OSX。 該編輯器內置HTML5/CSS3編輯功能，可以輕鬆地用它來實現傳輸、文本和邊框的陰影、斜體等效果。它使用Google Font Directory 和FontSquirrel addons，可以個性化網頁字體。

Website

5. Maqetta : Open Source Project & HTML5 Editor

Maqetta，一個創建桌面和移動用戶界面的HTML5設計編輯工具，並同時宣布將項目捐助給開源機構Dojo基金會。

Maqetta已經是開源項目，提供WYSIWYG可視化HTML5用戶界面設計功能，僅需簡單的拖曳操作，支持桌面和移動用戶界面。

6. Apatana Studio 3

Aptana Studio 3 是開源web開發工具，它允許開發者測試web應用，支持最新的web開發技術如HTML5, CSS3, JavaScript, Ruby, Rails, PHP 和 Python。Apatanna包含很多的功能，比如GIF integration, HTML,CSS和JavaScript Code assists, integrated debugger, 部署嚮導，以及IDE定製化。

相關焦點

  • HTML 超好用的編輯器推薦
    可以使用專業的 HTML 編輯器來編輯 HTML，菜鳥教程為大家推薦幾款常用的編輯器：Notepad++：https://notepad-plus-plus.org
  • HTML5 教程/資料-01-簡介和編輯器、編碼介紹
    HTML 標籤是由尖括號包圍的關鍵詞，比如 <html>HTML 標籤通常是成對出現的，比如 <b> 和 </b>標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤開始和結束標籤也被稱為開放標籤和閉合標籤HTML 元素"HTML 標籤" 和 "HTML 元素" 通常都是描述同樣的意思.
  • 5 款不可缺席的 HTML5 編輯器
    本文介紹5款大腕級，談及編輯器不可缺席的HTML5編輯器。
  • 10行代碼實現實時Html編輯器
    很多人可能都用過Web編輯器，比如Ckedit等，除了Word等本地編輯器外Web編輯器也是最常用最方便Web內容來源。這些在線編輯器的一個短板限制很多，不能實時反饋在線效果。本文蟲蟲給大家介紹一種很簡單的無限制在線Html編輯器，實現所寫即所得UI和樣式實時刷新，JS代碼也能進行熱加載執行重新渲染，而且這些實現都非常簡單，只用到了很少的html和css代碼。
  • 免費/開源/輕量級的網頁代碼編輯器推薦(Mac/Win)
    有個微信群，與WordPress愛好者交流，加群方法：添加微信號368537，回復WordPress群。本文收錄在 《蘋果Mac電腦使用的日常》教程中，完全免費，更多內容請點擊末尾的 "閱讀原文"以下是視頻文稿大家好，這節課分享一下網頁代碼編輯器軟體。
  • Stata 中 dofile 編輯器的配置 —— 來個漂亮的編輯器
    在 Stata 中 dofile 編輯器的使用 一文中，我們對如何使用 dofile 編輯器做了初步介紹。有不少同學好奇於如何讓自己的編輯器看起來很漂亮 (五顏六色那種)，或者晚上工作的時候採用深色背景 (很炫酷的程式設計師風格)。這些設置其實都不困難。
  • 推薦幾款好用的markdown編輯器
    Markdown編輯器使用一套格式標記語言來對文檔內容進行排版和格式顯示。而Markdown的標記很少，常用的也就十個左右，它是一種非常輕量的標記語言。格式轉換方便，還可以輕鬆地將文本轉換為 html、pdf等。
  • 關於HTML
    [5]       HTML歷史上有如下版本： [5]①HTML 1.0：在1993年6月作為網際網路工程工作小組(IETF)工作草案發布。 [5]②HTML 2.0：1995年1 1月作為RFC 1866發布，於2000年6月發布之後被宣布已經過時。 [5]③HTML 3.2：1997年1月14日，W3C推薦標準。
  • 9個最好用的JavaScript開發工具和代碼編輯器
    官方網站：http://oscargodson.github.io/EpicEditor/5）codepressCodePress官方網站：http://codepress.sourceforge.net/6）ACeAce是一款用JavaScript
  • html菜鳥教程,HTML新手如何快速入門
    1993年起草了HTML1，到了1997年W3C推薦了HTML的標準，並延續到了HTML4。但是隨著網際網路的發展，前端頁面的數據存儲需求、調用系統內置功能的需求、以及富媒體甚至網頁版的IDE、類作業系統應用等都需要搬到瀏覽器。這樣HTML5的誕生，就解決了一大部分富媒體、富應用的難題。
  • 8 個優秀的開源 Markdown 編輯器
    毫無疑問， Atom 是一個神話般的文本編輯器。超過 50 個開源包集合在一個微小的內核上，從而構成 Atom 。伴有 Node.js 的支持，以及全套功能特性，Atom 是我最喜歡用來寫代碼的編輯器。
  • Div+css教程之製作html的工具
    此文章主要為大家介紹了Div+css教程之製作html的工具，具有一定的參考價值，學習覺得挺不錯的，分享給大家。創業項目優選 好項目來A5招商 ，點擊入駐！，感覺不怎麼智能，也不全)，功能比較強大的就是dw了，基本上每個做網頁的朋友無不知道它的，不過dw cs5太大了，對於一些配置低電腦是吃不消的，如果是單單做一個靜態頁面，ahuing建議你用phpdesigner，目前最新版本是7.2.5的，是一款精小的編輯器，內存佔用只有20+M，代碼提示功能也很強大，用這個時你需要設置幾個地方，第一是查看-語言-中文，第二是工具-配置-代碼完成，將代碼提示所用的時間設置成最小
  • 解決ThinkPHP框架使用文本編輯器輸出了以HTML格式字符自動轉義
    昨天在用ThinkPHP整合Kindeditor的時候，在提交內容或者修改字體顏色的時候Kindeditor自動把我修改後的內容轉義成 「\"」，在網上找了半天就知道是kindeditor自動轉義，原因是找到了，可是就是找不到解決的方法，也在一些技術群裡諮詢了一些 人，但是沒有一個能幫忙解決的，搞的昨天一天情緒十分低落，因為網站要急著上線，後臺編輯器不能用那就是網站還不能上線
  • 新手寫Python程序有什麼推薦好用編輯器
    安裝完成python，需要一個稱手的編輯器。俗話說：工欲善其事，必先利其器。那到底新手寫Python程序有什麼推薦好用編輯器，網上一大堆編輯器不可能每一個都試一下。現在給點我自己學習python過程中選擇編輯器一些個人看法。
  • HTML代碼
    ·HTML 標籤是由尖括號包圍的關鍵詞，比如 <html>·HTML 標籤通常是成對出現的，比如 <b> 和 </b>·標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤·
  • Linux 上 10 個最好的 Markdown 編輯器
    你可以在 Linux 平臺上找到非常多的 的 Markdown 編輯器，但是在這裡我們將儘可能地為您推薦那些最好的。Best Linux Markdown Editors對於不了解 Markdown 的人做個簡單介紹，Markdown 是由著名的 Aaron Swartz 和 John Gruber 發明的標記語言，其最初的解析器是一個用 Perl 寫的簡單、輕量的同名工具[1]。它可以將用戶寫的純文本轉為可用的 HTML（或 XHTML）。
  • HTML|前端網頁的設計基礎知識
    1、關於html簡介html指的是超文本標記語言，是用來描述網頁的一種語言。且其並未為一種程式語言，而是一種標記語言（一套標記標籤），以此為基礎來描述網頁。2、html標籤html通常被尖括號包圍，例如<html>,以此為一個代碼的開始標籤以及終止標籤。圖 1 基本代碼另外，html標籤通常是成對存在的，比如<p>和</p>,一個為其實標籤，另一個為終止標籤，在兩個字符間的文本被現實為段落。
  • html 基礎知識
    基本的 html 頁面3.1 html 結構源碼3.2 源碼逐行分析4. 元素,屬性與值與其它4.1 元素4.2 屬性和值4.2.1 基本語法4.2.2 三大通用屬性5. 層級關係6. 網頁中的文本字符7. 文件與文件夾名稱8. URL8.1 語法8.2 絕對 URL8.3 相對 URL9. html 標籤的語義化的優勢10. html 元素的默認樣式1.
  • 基本HTML 標籤
    我們為您準備了很好的 HTML 編輯器。使用這個編輯器，您可以任意編輯一段 HTML 源碼，然後單擊 TIY 按鈕來查看結果。HTML 標題HTML 標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。
  • Hexo-miccall主題及html5up站點推薦
    首先向大大家推薦hexo的miccall主題。去其github後才知道主題的模板頁面來自html5up，發現這個html5網站也不錯，推薦給大家。地址：html5up.net站長：應該是ajlkn英文描述：makes spiffy HTML5 site templates that are：Fully Responsive Built on intelligent HTML5 + CSS3