 
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)文章

javascript開(kāi)發(fā)隨筆3 開(kāi)發(fā)iframe富文本編輯器的一點(diǎn)體會(huì)
前段時(shí)間有個(gè)需求是開(kāi)發(fā)富文本編輯器，這個(gè)之前隨做過(guò)，但看了需求，發(fā)現(xiàn)有些地方還需google
2011-11-11
FCKeditor 網(wǎng)頁(yè)在線編輯器的使用方法
FCKeditor是一個(gè)功能強(qiáng)大支持所見(jiàn)即所得功能的文本編輯器，可以為用戶提供微軟office軟件一樣的在線文檔編輯服務(wù)。
2010-03-03
FCK判斷內(nèi)容是否為空(如果只是去空格，那么這種方式是錯(cuò)誤的)
一般來(lái)說(shuō)，像input里面的值都可以通過(guò)將內(nèi)容去空格判斷是否為空，但是FCK沒(méi)那么簡(jiǎn)單，因?yàn)楫?dāng)你多打幾個(gè)空格或者多打一些回車，它會(huì)自動(dòng)地生成一些<p>標(biāo)簽，如果再用原先去空格判斷的方法，顯然是不可取的。
2010-12-12
FCK 編輯器焦點(diǎn)問(wèn)題
在使用FCK編輯器的時(shí)候，我們經(jīng)常會(huì)進(jìn)行對(duì)FCK編輯器的賦值操作，賦值的操作有兩個(gè)關(guān)鍵的地方，如果不清楚的話出了錯(cuò)還百思不得其解.
2009-11-11
asp.net 為FCKeditor開(kāi)發(fā)代碼高亮插件實(shí)現(xiàn)代碼
昨天已經(jīng)將BlogEngine的可視化編輯器換成了FCKeditor，作為一個(gè)程序員，在博客中插入代碼是很重要的一塊。網(wǎng)上現(xiàn)有的都是修改FCKeditor的fckeditorcode_gecko.js和fckeditorcode_ie.js以達(dá)到InsertCode的目的。這個(gè)方法非常麻煩，當(dāng)要使用FCKeditor新版本時(shí)都要重新修改這兩個(gè)文件，非常影響我們的效率。
2008-08-08
FCKeditor 2.6.6在ASP中的安裝及配置方法分享
FCKeditor目前的最新版本是2.6.6，在網(wǎng)上搜索此版本的配置方法，發(fā)現(xiàn)很少有asp的配置方法，以下就把自己的一些配置經(jīng)驗(yàn)分享給有需要的你。
2012-03-03
百度UEditor編輯器使用教程與使用方法(圖文)
今天筆者就給大家推薦一款百度UEditor編輯器。關(guān)于這款百度UEditor編輯器官網(wǎng)上也有簡(jiǎn)單的教程，不過(guò)看著比較費(fèi)勁，今天筆者就跟大家分享一下百度UEditor編輯器使用教程與使用方法，希望對(duì)大家有所幫助
2016-11-11
FCKeditor ASP.NET 上傳附件研究
FCKeditor很好用，而且是開(kāi)源軟件。最近研究了一下自帶的上傳功能，對(duì)源代碼作了一點(diǎn)修改，也算是依照開(kāi)源軟件的要求，介紹一下。
2009-06-06
徹底解決ewebeditor網(wǎng)站后臺(tái)不能上傳圖片的方法
隨著windows操作系統(tǒng)和IE瀏覽器版本的不斷推出，很多客戶都漸漸放棄了IE6，IE7，使用上了IE8瀏覽器，但是突然發(fā)現(xiàn)自己網(wǎng)站后臺(tái)里面的eWebEditor文本編輯器的插入圖片等等按鈕失效了，鼠標(biāo)點(diǎn)擊后什么反應(yīng)都沒(méi)有，IE瀏覽器左下角顯示一個(gè)黃色的感嘆號(hào)提示錯(cuò)誤，就以為是網(wǎng)站空間、服務(wù)器中毒了呢，一時(shí)間紛紛都來(lái)找我們?cè)儐?wèn)
2012-03-03
為SyntaxHighlighter添加新語(yǔ)言的方法
因?yàn)榻?jīng)常要在博客里貼一些Lua代碼，但是所使用的SyntaxHighlighter插件默認(rèn)不支持Lua語(yǔ)言，所以去研究了一下如何為SyntaxHighlighter添加并激活一個(gè)新的語(yǔ)言，這里將過(guò)程和有同樣需求的童鞋分享
2013-10-10