前言
HTML在線編輯器相信大家見得多了,有些流行的在線編輯器具有很豐富的功能。但美中不足的是,現有的HTML在線編輯器設置字號大小通常只限於1-7號字而已,不能更好地滿足人們的需要。能不能實現像Word那樣任意地設置字號大小呢?經過長時間的攻關,Bound0終於可以肯定地回答這個問題了,呵呵呵!請大家共同分享此“Eureka之喜悅”吧!
我們通常所見的內嵌在網頁中的HTML在線編輯器,其核心本質是一個IFRAME
例如:
<IFRAME id="Editor" Name="Editor" style="WIDTH: 550; HEIGHT: 480"></IFRAME>
令 Editor.document.designMode="ON";
此時這個IFRAME就是一個設計模式的HTML編輯器了,可以通過腳本
Editor.document.selection.createRange().execCommand(command)
對選中的內容執行command,進行編輯操作。
由於浏覽器本身提供的編輯功能非常有限,因此現在流行的HTML在線編輯器大都進行了一些擴展。
在本文發表之前,HTML在線編輯器在設計模式下的字號(字體大小)任意設定功能尚無成功實現,本文所述技術不僅在此方面實現了零的突破,還對HTML在線編輯器的其他擴展功能的實現作出了廣泛的啟示。