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