|
|
在線的HTML內容編輯器為用戶提供文本的樣式控制，例如文字的顏色、字體大小等。雖然現在網上有不少功能強大的編輯器（如：FCKEditor），但是在使用中需要許多復雜的配置，而且代碼往往比較“臃腫”。本文的目的就是介紹如何開發一個HTML編輯器。應用本文介紹的方法，可以方便的開發出滿足自己需求的，代碼相對比較精簡的HTML編輯器。以下是一個應用本文方法開發的HTML編輯器，實現了一些簡單的功能：
開發方法如下：
1.添加一個可編輯的iframe
實現HTML編輯器的第1步就是在網頁中放置一個可編輯的iframe用來輸入文本，使iframe可編輯方法相當簡單，只需要將iframe的designMode設置為on即可，具體步驟如下：
var editor = document.getElementById("IFRAME的ID");
var editorDoc = editor.contentWindow.document;
var editorWindow = editor.contentWindow;
editorDoc.designMode = "on";
editorDoc.open();
editorDoc.write("<html><head></head><body style='margin:0px; padding: 0px;'></body></html>");
editorDoc.close();
it知識庫：如何開發HTML編輯器，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
