HTML Editor 線上所見即所得編輯器，將內容快速轉為HTML ...

HTML Editor 是一款線上免費HTML 可視化編輯器，直接打開瀏覽器就能使用，它就像一般的網頁編輯器，使用者可以直接在編輯器裡建立圖文內容，HTML Editor 會在另一畫面 ... 跳至主要內容 FacebookTwitterPinterestLineShare（Copyright:grinvalds/123RFStockPhoto） 記得以前剛開始接觸網頁製作時都是使用MicrosoftFrontPage 編輯器，也正因為有所見即得編輯器，才能讓原本複雜難懂的HTML原始碼變得更簡單易懂，它將原始碼轉換成可視化內容，只要直接輸入文字、圖片、超鏈結後修改樣式即可將網頁製作出來，當然這些頁面背後仍是有所謂的HTML程式碼存在，只在需要時才會切換原始碼模式。

我後來還是很習慣透過所見即所得（WhatYouSeeIsWhatYouGet，縮寫WYSIWYG）編輯器寫文章，WordPress內建文章編輯功能就是此形式，有時候遇到要編輯網頁也會使用這個工具來「偷吃步」產生HTML程式碼，畢竟以看得到的方式編輯比較容易得到自己需要的東西，大概就是這麼一回事。

現在網頁編輯器已沒有像十幾年前那麼盛行了，可能很多人的電腦裡早已沒有類似的應用程式，如果你還是需要這功能，HTMLEditor或許可以應急，這是一款線上免費HTML可視化編輯器，直接打開瀏覽器就能使用，它就像一般的網頁編輯器，使用者可以直接在編輯器裡建立圖文內容，HTMLEditor會在另一畫面顯示HTML原始碼，編輯時就能直接取得對應的原始碼以便使用於部落格文章或網頁製作。

這功能看起來雖然好像微不足道，事實上當你需要時就會非常方便，HTMLEditor不限於Windows或Mac使用，而且更重要的是不用額外下載安裝軟體；對於不熟悉HTML編寫的使用者來說，它也能快速製作出帶有樣式的原始碼，尤其是拿來撰寫網頁表格，直接使用可視化編輯器會更簡單。

印象中舊版MicrosoftOffice也有類似功能，不過很可惜現在新版好像已經沒有了。

網站名稱：HTMLEditor 網站鏈結：https://htmleditor.io/ 使用教學 STEP1 開啟HTMLEditor網站後，畫面被切割成左右兩個部分，左邊為所見即所得編輯器，右邊是顯示原始碼的欄位，一開始已經有範例內容，可以看到編輯器裡樣式文字已經被轉為我們熟悉的HTML程式碼並顯示於網站右側。

STEP2 使用方法很簡單，我就不通盤介紹所有編輯器的功能，大致上比較會用到的例如格式，可以調整H1、H2、H3等不同層級的標題，亦能加入粗體、斜體、項目符號、縮排或設定對齊方向等等，其它例如插入超鏈結、圖片或影片也都能從編輯器上方的功能按鈕來做到。

我認為HTMLEditor最方便的是可以拿來做網頁表格，從「Table」以滑鼠游標快速設定要多少欄位，即可在編輯器裡插入表格，同時設定每個欄位要顯示那些內容。

如果要直接以程式碼來撰寫表格可能稍嫌複雜，以所見即所得編輯器會簡單許多。

STEP3 當你一邊在使用編輯器時，右側就會同步顯示對應的HTML程式碼，跟早期網頁編輯器功能差不多，最後直接複製程式碼，就能將它複製、使用到其它地方，可以說非常好用！也不用再因為需要產生原始碼而去找網頁編輯器，從瀏覽器開啟HTMLEditor即可。

相關文章 ThimblebyMozilla線上程式碼編輯器，讓你輕鬆學習編寫HTML、CSS和JavaScript Brackets：Adobe推免費、開放原始碼網頁編輯器（Windows、Mac、Linux） HEAD網頁開發參考手冊，收錄HTML5在head可用標籤及範例說明 HTML.cafe線上即時HTML編輯器，修改原始碼立即查看效果變化 使用電子郵件訂閱網站 輸入你的電子郵件地址訂閱網站更新，使用電子郵件接收通知。

電子郵件地址 訂閱更新 追蹤更新文章分類 分類 選取分類 個人服務    個人網誌    免費論壇    微型網誌    留言板類    網路相簿    電子信箱 免費空間    10MB-50MB    1GB以上    200MB-500MB    500MB-1GB    50MB-200MB    圖片空間    影音空間    網站空間    音樂空間 免費贈品 免費軟體    光碟工具    可攜軟體    圖片工具    影音工具    文書處理    檔案管理    系統工具    網路相關    防毒軟體 商業軟體 手機APP    工具類    教育類    新聞資訊類    生活類    遊戲類 架站資源    Alexa    PageRank    免費DNS    投票服務    搜尋引擎最佳化    搜尋引擎登錄    流量統計    網站監測    網站線上人數    網站轉址 熱門主題    好玩遊戲    字型下載    桌布下載    線上動漫    線上掃毒    線上翻譯    編輯推薦    縮短網址 素材模版    免費圖片    免費圖示    網站模板    網站配色    網誌物件    網頁素材    音樂音效 網站公告 網路科技    手機相關    搜尋引擎    查詢資料    網路書籤    網路賺錢    線上代理    線上地圖    線上字典    線上廣播    電子賀卡 線上工具    圖片編輯    圖示製作    書籤整合    產生器類    網站縮圖    線上問卷    線上轉檔 贊助評論 開源程式    免費程式（PHP） 雜七雜八    好康資訊    實用教學    折價券區    星座算命    網站評鑑    網路遊戲    趣味網站 預設分類 最新文章SimpleLogin免費郵件匿名服務，轉寄郵件隱藏真實身份避免垃圾郵件 FreeConvert免費線上轉檔工具，支援圖片、影片、音訊、文件、電子書、壓縮檔等超過1500種格式 NTUSpeed台大網路測速服務，測試連線至學術網路上傳、下載速度 IPME查IP位址超方便，打開網頁立即顯示還能查Whois、DNS紀錄 PacedEmail讓頻繁的電子郵件通知不再干擾用戶，依照頻率產生摘要轉寄郵件 ClipdropImageUpscaler免費圖片增強、放大，解決模糊鋸齒邊緣問題 uBlacklist在Google搜尋結果封鎖、隱藏特定網站（Chrome、Firefox、Safari） ProtonMail電子郵件信箱自訂網域名稱教學，更強調隱私及安全性 內海字體：瀨戶字體繁體中文字型免費下載，五種字重可做商業用途 SignFree免費線上文件簽名工具，30秒快速完成免下載軟體 精選主題 思源黑體：Adobe與Google合作開發開放原始碼中文字型思源宋體NotoSerifCJK字型免費下載！Google、Adobe再次攜手推出開放原始碼字體Mipony白馬下載器：網路下載必裝！支援數百免空可突破下載限制Spotify免費聆聽4000萬首歌，音樂串流應用iOS、Android版下載日本亞馬遜AmazonGlobal線上購物直送台灣，免消費稅免找代購中華郵政i郵箱初體驗，24小時自助郵局寄件取件超方便YouTubeMusic免費音樂串流服務正式登場，升級Premium零廣告體驗MicrosoftEdge正式版免費下載！以Chromium重新打造微軟瀏覽器Photopea免費圖片編輯器，堪稱Photoshop線上版支援PSD等常見格式財政部統一發票兌獎APP掃描發票存手機，自動記帳主動對獎超方便使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算YouTubeKids兒童專用影音頻道，手機平板應用程式免費下載Disney+台灣影音串流平台訂閱付款教學，最多可四螢幕同時觀看以Outline搭配DigitalOcean架設VPN伺服器教學，每月最低5美元起 實用教學 19個免費YouTube影片下載工具推薦，轉檔MP4、MP3免安裝軟體25個免費線上去背工具推薦，全自動快速移除相片背景5個去人聲免費工具推薦，音樂轉伴奏、擷取各種樂器聲音25個免費相片壓縮工具推薦，讓檔案變小又不損壞畫質12個免費縮網址服務推薦，將網址縮短兼流量統計功能46個免費圖庫網站總彙整15個免費下載高解析度圖片最佳圖庫下載高畫質相片素材的13個免費圖庫資源精選12個你應該知道的中英文假字、文章產生器20個免費下載創用CC授權音樂的網站彙整40個設計師必備免費資源超推懶人包Facebook全新下載資料副本功能，一次備份所有臉書記錄匯出Instagram資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄7個線上接收手機簡訊驗證碼的免費網路服務整理PayPal兩步驟驗證設定教學，以手機簡訊或應用程式降低被盜用風險如何在瀏覽器不支援AdobeFlashPlayer後繼續播放SWF檔案？7-11賣貨便操作教學，整合多種付款方式、固定運費優惠全家好賣+使用教學，賣場註冊、商品上架、手續費和運費優惠說明8個匿名偷看IG限時動態不留下觀看紀錄的網路服務整理 WordPress架站資源 自架WordPress虛擬主機租用教學，將網誌備份匯出、匯入到新家殺手級WordPress體檢項目：101個建立新網站的超簡易捷徑！Cloudflare架站者必備免費CDN、DNS託管服務設定教學16個免費網站速度測試工具推薦！網頁效能評比，搜尋引擎最佳化必備亞馬遜VPS服務AmazonLightsail搭配ServerPilot快速架設WordPress教學使用GoogleCloudPlatform雲端主機免費版架設WordPress教學使用Cloudways架設WordPress網站教學，快速部屬最佳化環境RunCloud佈署最佳化主機環境，整合DigitalOcean架設WordPress教學使用SiteGround虛擬主機一鍵快速安裝WordPress教學FastComet評價極高的虛擬主機推薦，一鍵安裝WordPress教學VaultPress完整備份你的WordPress網站，無痛搬家或回復特定時間點WPRocket最強WordPress快取外掛，完整最佳化設定選項教學不續費虛擬主機？WordPress.com對應個人網域每年13美元搬家超划算 Close免費軟體 APP Mac 擴充功能 系統工具 圖片處理 文書編輯 線上工具 線上翻譯 線上轉檔 配色工具 縮網址 產生器 免費空間 網路硬碟 圖片空間 影音空間 網站空間 熱門主題 Facebook Instagram VPN YouTube 編輯推薦 免費圖庫 字型下載 網路科技 電子信箱 實用教學 資料查詢 免費圖示 音樂音效 架站資源 DNS SEO WordPress 素材模版 免費圖片 網站監測 分享到...BufferCopyEmailFacebookFlipboardHackerNewsLineLinkedInMessengerMixPinterestPocketPrintRedditSMSTelegramTumblrTwitterVKWhatsAppXingYummly