DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 突破傳統局限 在線編輯器任意設置字號
突破傳統局限 在線編輯器任意設置字號
編輯:關於網頁技巧     

前言

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在線編輯器的其他擴展功能的實現作出了廣泛的啟示。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved