中文資訊科技應用 | 首頁 | 前頁 | 交流 | 搜尋 | 地圖

中文教學 > 中文資訊科技應用 > 網頁編制 > Web-Based 編輯軟件:IE_Editor

IE Editor

簡介 | 下載 | 功能 | 介面 | 源程式 | 限制 | 毛病 | 發展 | 其他 IE Editor


簡介

IE Editor 是一個網頁,用瀏覽器開啟;它同時又是一個網頁編輯器,可以用來編輯很簡單的網頁。

由於 IE Editor 的功能實在太過簡單,作者編寫它的目的,當然並非要它與網上免費或巿場上商業的網頁編輯軟件競爭,而是利用它來教導學生學習最基本的編頁編輯概念,以及 html 的概念。

因此,與其說它是網頁編輯軟件,不如說是學習編輯網頁基本概念的課件 (Courseware for teaching & learning basic concepts of web authoring and HTML)。


下載

IE Editor 可在下列網址下載(按滑鼠右鍵「另存目標...」)或開啟(按滑鼠左鍵直接點擊):

http://web.hku.hk/~jwilam/it/ie_editor.htm


功能

1. 三種模式:編輯、瀏覽、編程;

2. 編輯功能包括一般最基本的文字處理功能,以及加插 <hr>、標籤與超連結、圖像檔等。


介面

IE Editor 的介面由三部份組成:上方是編輯按鈕;中間是編輯與瀏覽的空間;下方用以轉換模式、存檔或開啟網頁。


源程式

IE Editor 以 DHTML 編寫,關鍵是利用了 DHTML 中的 execCommand 函數;程式以下面的 HTML Editor 為基礎改寫而成:

HTML Editor(程式軟件)
http://msdn.microsoft.com/workshop/samples/author/editing/HTML_Editor/HTML_Editor.hta

How to Create an HTML Editor Application(程式說明)
http://msdn.microsoft.com/workshop/author/editing/tutorials/html_editor.asp

HTML Editor 當然美觀得多,但它須倚賴 ASP 技術,因此是在伺服器上 (server-side) 運行的;IE Editor 則修改為在瀏覽器上 (client-side) 運行,因此,用家可以把整個 IE Editor 下載到自己的電腦中,離線工作。而且,HTML Editor 只能用於編輯網頁,IE Editor 則加入了瀏覽和 html 程式編輯兩種模式;另外,IE Editor 也加入了一些 HTML Editor 沒有的網頁編輯功能。


限制

1. IE Editor 主要用以開啟、儲存及編輯網頁中 <body></body> 內的可瀏覽內容;

2. 網頁中除 body 之外的其餘內容,即 <head></head> 之間內容現版本的 IE Editor 均不能處理;因此,一些重要的網頁功能例如 style 和 script,IE Editor 都不能處理,唯一例外是 title 標籤, IE Editor 可開啟並編輯 <title></title> 的文字內容;

3. 現階段在編輯模式中沒法直接加入 <br> 和表格,須在程式模式中手動加入;

4. 所存檔案以 UTF-8 編碼而非 BIG5 編碼儲存;

5. 開啟檔案時,會遇到「Document Loaded. Click OK to continue...」的提示,須按「確定」才能成功載入檔案。


毛病 bugs

1. IE Editor 只能開啟以 <html></html> 為根標籤的網頁,如果在 <html></html> 之上有其他標籤,例如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=...... -->

IE Editor 無法開啟這類網頁,換言之, IE Editor 不能開啟於以 XHTML 編寫的網頁;

2. 雖然 IE Editor 可以直接開啟網絡上的網頁,但是網頁中的相對連結路徑會出現錯誤;

3. 對於須運行 script 的網頁, IE Editor 開啟時會出現錯誤;

4. 網上的 IE Editor 不能開啟硬盤中的網頁;

5. 顧名思義,IE Editor 只能用 WINDOWS 系統中運行的 Internet Explorer 4.0 以後版本開啟,IE Editor 在其他系統(如 MacOS)和其他瀏覽器(如 Netscape)上均失效。


發展 history

2004年10 月5日
IE Editor v1.0 推出。


其他 IE Editor 連結

網上還有很多類似的 IE Editor 軟件或程式,例如:

類別 網址 備註
軟件及程式 HTML Editor
http://msdn.microsoft.com/workshop/samples/author/editing/HTML_Editor/HTML_Editor.hta
http://msdn.microsoft.com/workshop/author/editing/tutorials/html_editor.asp

Activating the MSHTML Editor
http://msdn.microsoft.com/workshop/browser/editing/activateeditor.asp
http://msdn.microsoft.com/workshop/samples/browser/webediting/onepageeditor.htm

html editor
http://www.sipidik.com/editor/editor.asp
http://forum.zoque.net/printthread.php?t=13622

Inside Technique : WYSIWYG HTML Editor
http://www.insidedhtml.com/tips/contents/ts12/page1.asp

WYSIWYG editor
http://www.pcsvet.cz/cldata/3848/editor.rar
http://www.pcsvet.cz/art/article.php?id=2719

ASP and JavaScript WYSIWYG Editor
http://www.asp101.com/articles/darren/wysiwyg/default.asp

 
程式

Inside Technique : HTML Text Editor
http://www.siteexperts.com/ie5/htmlarea/page1.asp

ASP 實現在線編輯文本
http://www.6to23.com/s11/s11d1/s11d1d4/2003826152145.htm

 
須安裝於伺服器上

htmlArea - Turn any <textarea> into a WYSIWYG editor
http://www.interactivetools.com/products/htmlarea/
http://prdownloads.sourceforge.net/itools-htmlarea/HTMLArea-3.0-rc1.zip?download

IE Editor for Zope
http://vsbabu.org/tools/ieeditor/
http://vsbabu.org/webdev/zopedev/ieeditor.html

 
連結

TTW WYSIWYG Editors
http://www.bris.ac.uk/is/projects/cms/ttw/ttw.html

Open Source WYSIWYG Through-The-Web Editors
http://www.cmsreview.com/WYSIWYG/OpenSource/Directory.html

Google
http://www.google.com/search?hl=en&lr=&q=IE+Editor&btnG=Search