|
|
在線的HTML內(nèi)容編輯器為用戶提供文本的樣式控制，例如文字的顏色、字體大小等。雖然現(xiàn)在網(wǎng)上有不少功能強大的編輯器（如：FCKEditor），但是在使用中需要許多復(fù)雜的配置，而且代碼往往比較“臃腫”。本文的目的就是介紹如何開發(fā)一個HTML編輯器。應(yīng)用本文介紹的方法，可以方便的開發(fā)出滿足自己需求的，代碼相對比較精簡的HTML編輯器。以下是一個應(yīng)用本文方法開發(fā)的HTML編輯器，實現(xiàn)了一些簡單的功能：
開發(fā)方法如下：
1.添加一個可編輯的iframe
實現(xiàn)HTML編輯器的第1步就是在網(wǎng)頁中放置一個可編輯的iframe用來輸入文本，使iframe可編輯方法相當(dāng)簡單，只需要將iframe的designMode設(shè)置為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知識庫：如何開發(fā)HTML編輯器，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
