javascript 網(wǎng)頁編輯框及拖拽圖片的問題
更新時間:2009年12月31日 21:34:32 作者:
javascript 網(wǎng)頁編輯框及拖拽圖片的問題,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
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
您可能感興趣的文章:
- 原生JS實現(xiàn)可拖拽登錄框
- Javascript實現(xiàn)登錄框拖拽效果
- js實現(xiàn)登錄框鼠標(biāo)拖拽效果
- js實現(xiàn)百度登錄框鼠標(biāo)拖拽效果
- 百度Popup.js彈出框進(jìn)化版 拖拽小框架發(fā)布 兼容IE6/7/8,Firefox,Chrome
- js實現(xiàn)彈出框的拖拽效果實例代碼詳解
- 使用純JS實現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)
- JavaScript實現(xiàn)模態(tài)框拖拽效果
- HTML+CSS+JavaScript實現(xiàn)可拖拽模態(tài)框
- javascript實現(xiàn)登錄框拖拽
相關(guān)文章
javascript開發(fā)隨筆3 開發(fā)iframe富文本編輯器的一點體會
前段時間有個需求是開發(fā)富文本編輯器,這個之前隨做過,但看了需求,發(fā)現(xiàn)有些地方還需google2011-11-11FCK判斷內(nèi)容是否為空(如果只是去空格,那么這種方式是錯誤的)
一般來說,像input里面的值都可以通過將內(nèi)容去空格判斷是否為空,但是FCK沒那么簡單,因為當(dāng)你多打幾個空格或者多打一些回車,它會自動地生成一些<p>標(biāo)簽,如果再用原先去空格判斷的方法,顯然是不可取的。2010-12-12asp.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-08FCKeditor 2.6.6在ASP中的安裝及配置方法分享
FCKeditor目前的最新版本是2.6.6,在網(wǎng)上搜索此版本的配置方法,發(fā)現(xiàn)很少有asp的配置方法,以下就把自己的一些配置經(jīng)驗分享給有需要的你。2012-03-03徹底解決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