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