欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML在線編輯器的基本概念與相關(guān)資料

 更新時(shí)間:2007年03月09日 00:00:00   作者:  

首先要有一個(gè)編輯框,這個(gè)編輯框其實(shí)就是一個(gè)可編輯狀態(tài)的網(wǎng)頁, 我們用iframe來建立編輯框。
<IFRAME id=“HtmlEdit” style="WIDTH: 100%; HEIGHT: 296px" marginWidth=“0” marginHeight=“0”></IFRAME>
并且在加上javascript代碼來指定HtmlEdit有編輯功能:
<script language="javascript">
var editor;
editor = document.getElementById("HtmlEdit").contentWindow;
//只需鍵入以下設(shè)定,iframe立刻變成編輯器。
editor.document.designMode = 'On';
editor.document.contentEditable = true;
//但是IE與FireFox有點(diǎn)不同,為了兼容FireFox,所以必須創(chuàng)建一個(gè)新的document。
editor.document.open();
editor.document.writeln('<html><body></body></html>');
editor.document.close();
//字體特效 - 加粗方法一 
function addBold()
{
editor.focus();
//所有字體特效只是使用execComman()就能完成。
editor.document.execCommand("Bold", false, null);
}
//字體特效 - 加粗方法二 
function addBold()
{
editor.focus();
//獲得選取的焦點(diǎn)
var sel = editor.document.selection.createRange();
insertHTML("<b>"+sel.text+"</b>");
}
function insertHTML(html)
{
if (editor.document.selection.type.toLowerCase() != "none")
{
editor.document.selection.clear() ;
}
editor.document.selection.createRange().pasteHTML(html) ; 
}
</script>
WEB在線編輯器原理
轉(zhuǎn)載自:http://blog.fhuang.com/article.asp?id=239 
從eWebEditor到 FCKeditor現(xiàn)在有很多很多的在線編輯器了,功能都很強(qiáng),很多,但是其基本原理卻都很簡單
我發(fā)現(xiàn)的編輯器主要有3大類,我總結(jié)下,把各自的優(yōu)缺點(diǎn)都寫下
直接用textarea 標(biāo)簽
優(yōu)點(diǎn):速度快,提交方便,可以用UBB標(biāo)簽來彌補(bǔ)不能所見所得
缺點(diǎn):不直觀,功能非常少
用 DIV或者TABLE的CONTENTEDITABLE 標(biāo)簽,屬性來讓一個(gè)區(qū)域可以編輯
優(yōu)點(diǎn):可以很直觀,可以做各種效果
缺點(diǎn):此標(biāo)簽在mozilla下不可用,只適合IE瀏覽器,且對(duì)js要求高
用iframe或者frame的中的document的document.designMode ="On" 來實(shí)現(xiàn)可編輯
優(yōu)點(diǎn):具有上面第二條的全部優(yōu)點(diǎn),并且還多瀏覽器比如FF等支持
缺點(diǎn):對(duì)js要求高
下面是第三點(diǎn)的一個(gè)簡單例子代碼

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

相關(guān)文章

  • PHP7新特性簡述

    PHP7新特性簡述

    本文通過實(shí)例給大家介紹了PHP7新特性的相關(guān)知識(shí),需要的朋友參考下吧
    2017-06-06
  • 關(guān)鍵字空格替換為逗號(hào)的js代碼

    關(guān)鍵字空格替換為逗號(hào)的js代碼

    這個(gè)功能主要是方便我們?cè)诎l(fā)布文章時(shí)填寫關(guān)鍵字的時(shí)候,不用切換為英文狀態(tài)輸入逗號(hào),他可以將中文逗號(hào)和空格統(tǒng)一轉(zhuǎn)換為英文逗號(hào),提高工作效率。
    2008-11-11
  • JavaScript中split與join函數(shù)的進(jìn)階使用技巧

    JavaScript中split與join函數(shù)的進(jìn)階使用技巧

    這篇文章主要介紹了JavaScript中split與join函數(shù)的進(jìn)階使用技巧,split和join通常被用來操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下
    2016-05-05
  • HTML+CSS+JavaScript創(chuàng)建一個(gè)簡單的井字游戲

    HTML+CSS+JavaScript創(chuàng)建一個(gè)簡單的井字游戲

    使用javascript創(chuàng)建游戲是最有趣的學(xué)習(xí)方式。它會(huì)讓你保持動(dòng)力,這對(duì)于學(xué)習(xí)?Web?開發(fā)等復(fù)雜技能至關(guān)重要。本文將使用HTML、CSS和?Javascript創(chuàng)建一個(gè)井字游戲。感興趣的童鞋可以關(guān)注一下
    2021-11-11
  • JS實(shí)現(xiàn)獲取當(dāng)前URL和來源URL的方法

    JS實(shí)現(xiàn)獲取當(dāng)前URL和來源URL的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)獲取當(dāng)前URL和來源URL的方法,涉及javascript針對(duì)頁面document屬性操作的相關(guān)技巧,需要的朋友可以參考下
    2016-08-08
  • js根據(jù)后綴判斷文件文件類型的代碼

    js根據(jù)后綴判斷文件文件類型的代碼

    這篇文章主要介紹了js根據(jù)后綴判斷文件文件類型的代碼,原來是獲取文件的擴(kuò)展名然后再判斷屬于什么類型,對(duì)于圖片多個(gè)后綴的判斷的實(shí)現(xiàn)也不是不錯(cuò)的思路,大家可以參考一下
    2020-05-05
  • js保留兩位小數(shù)使用toFixed實(shí)現(xiàn)

    js保留兩位小數(shù)使用toFixed實(shí)現(xiàn)

    直接使用Math.round(x*100)存在一個(gè)問題,有時(shí)會(huì)有很小的誤差,顯示很多位的小數(shù)位,如0.9996*100,就會(huì)變成99.96000000000001,我想要的在下面,感興趣的朋友可以參考下哈
    2013-07-07
  • javascript實(shí)現(xiàn)修改微信分享的標(biāo)題內(nèi)容等

    javascript實(shí)現(xiàn)修改微信分享的標(biāo)題內(nèi)容等

    這篇文章主要介紹了javascript實(shí)現(xiàn)修改微信分享的標(biāo)題內(nèi)容等,需要的朋友可以參考下
    2014-12-12
  • 一分鐘理解js閉包

    一分鐘理解js閉包

    一分鐘理解js閉包,關(guān)于js閉包的內(nèi)容介紹了很多,本文帶著大家快速理解什么是js閉包,感興趣的小伙伴們可以參考一下
    2016-05-05
  • 黑帽seo劫持程序,js劫持搜索引擎代碼

    黑帽seo劫持程序,js劫持搜索引擎代碼

    今天在瀏覽網(wǎng)頁時(shí)無意中發(fā)現(xiàn)了這段JS劫持搜索引擎代碼。劫持搜索引擎正常搜索過來的流量,這是黑帽seo常用的劫持方法。特意解密出來供大家了解其劫持原理。感興趣的朋友一起學(xué)習(xí)學(xué)習(xí)吧
    2015-09-09

最新評(píng)論