快捷導(dǎo)航

javascript 網(wǎng)頁(yè)編輯框及拖拽圖片的問(wèn)題

更新時(shí)間：2009年12月31日 21:34:32 作者：

javascript 網(wǎng)頁(yè)編輯框及拖拽圖片的問(wèn)題,需要的朋友可以參考下。

 
function keyPress(ev){ 
if(ev.keyCode==13){ 
//在光標(biāo)所在處創(chuàng)建一個(gè)區(qū)域. 
var range=document.selection.createRange(); 
//將區(qū)域的內(nèi)容設(shè)置成為換行符. 
range.text="\n"; 
//將區(qū)域的起始點(diǎn)向右移動(dòng)一個(gè)字符的長(zhǎng)度. 
range.moveStart("character", 1); 
//將光標(biāo)移動(dòng)到區(qū)域的結(jié)尾.(若為false則是移動(dòng)到起始位置). 
range.collapse(true); 
//由于上面的一系列操作,使得區(qū)域的位置處在了\n之后,所以再次選擇時(shí),光標(biāo)就到了新一行的結(jié)尾.完成換行. 
range.select(); 
//使事件失效 
return false; 
} 
return true; 
} 

// 初始化可編輯的iframe 
content.document.designMode="on"; 
content.document.onkeypress=function(){return keyPress(content.event);}; 

復(fù)制代碼代碼如下:

 
<div id="iframeWrapper"> 
<iframe id="content" name="content" style="width:400;height:400;font-size:12px;border: solid 1px #ccc;" frameborder=0></iframe> 
</div> 

獲取代編輯框中內(nèi)容的代碼

復(fù)制代碼代碼如下:

window.frames["content"].document.body.innerHTML

您可能感興趣的文章:

相關(guān)文章

FCKeditor 2.6.5 ASP環(huán)境安裝配置使用說(shuō)明
今天用到在線編輯器在asp環(huán)境下上傳竟然無(wú)效。找了好久才找到這介紹，現(xiàn)備份于此，需要的朋友可以參考下
2012-03-03
頁(yè)面上存在多個(gè)FckEditor編輯器的驗(yàn)證方法
FCKeditor是一個(gè)專門使用在網(wǎng)頁(yè)上屬于開(kāi)放源代碼的所見(jiàn)即所得文字編輯器。它志于輕量化，不需要太復(fù)雜的安裝步驟即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的編程語(yǔ)言相結(jié)合。
2010-03-03
Fckeditor編輯器內(nèi)容長(zhǎng)度限制統(tǒng)計(jì)實(shí)現(xiàn)方法
Fckeditor是一種大家常用的編輯器，但是他不能像網(wǎng)頁(yè)表單那樣利用document.getelementbyid能獲取得到值了，它必須通過(guò) FCKeditorAPI來(lái)操作，下面看看Fckeditor內(nèi)容長(zhǎng)度測(cè)試
2012-03-03
myFocus 一個(gè)KindEditor的焦點(diǎn)圖插件
使用KindEditor(富文本編輯器)提供的接口將myFocus（焦點(diǎn)圖庫(kù)）集成在KindEditor上
2011-04-04
FCKeidtor 清除編輯器內(nèi)容的代碼
FCKeidtor清除編輯器內(nèi)容的代碼，需要的朋友可以參考下。
2010-04-04
FCKeditor 2.6 編碼錯(cuò)誤導(dǎo)致修改的內(nèi)容出現(xiàn)亂碼的解決方法
我修改了該文件，其中有些中文字，在 IE 中打開(kāi)之，發(fā)現(xiàn)是亂碼，原來(lái)這個(gè)文件有問(wèn)題。文件中指定了 charset 為 utf-8
2010-03-03
asp.net+FCKeditor上傳圖片顯示叉叉圖片無(wú)法顯示的問(wèn)題的解決方法
今天用FCKeditor上傳圖片的時(shí)候，圖片可以上傳成功，可是預(yù)覽的時(shí)候卻顯示個(gè)叉叉，前臺(tái)也是顯示不出來(lái)，原來(lái)服務(wù)器需要配置下。
2011-07-07
FCKEditor超級(jí)鏈接默認(rèn)新窗口打開(kāi)的修改方法
經(jīng)常在后臺(tái)編輯超鏈接的朋友，希望將頁(yè)面鏈接，默認(rèn)是新窗口打開(kāi)，因?yàn)檫@樣用戶體驗(yàn)好點(diǎn)，所以將FCKEditor簡(jiǎn)單的修改下。
2010-06-06
快速解決百度編譯器json報(bào)錯(cuò)的問(wèn)題
下面小編就為大家?guī)?lái)一篇快速解決百度編譯器json報(bào)錯(cuò)的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-08-08
SyntaxHighlighter?Autoloader(自動(dòng)加載)最優(yōu)方式
SyntaxHighlighter是一款用于web頁(yè)面的代碼著色工具，可以用來(lái)著色多種語(yǔ)言，可以是HTML,CSS,Javascript,還可以是C,JAVA等編程語(yǔ)言，這里為大家介紹一下比較好的加載方案
2023-06-06