javascript 網(wǎng)頁(yè)編輯框及拖拽圖片的問(wèn)題
更新時(shí)間:2009年12月31日 21:34:32 作者:
javascript 網(wǎng)頁(yè)編輯框及拖拽圖片的問(wèn)題,需要的朋友可以參考下。
復(fù)制代碼 代碼如下:
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
您可能感興趣的文章:
- 原生JS實(shí)現(xiàn)可拖拽登錄框
- Javascript實(shí)現(xiàn)登錄框拖拽效果
- js實(shí)現(xiàn)登錄框鼠標(biāo)拖拽效果
- js實(shí)現(xiàn)百度登錄框鼠標(biāo)拖拽效果
- 百度Popup.js彈出框進(jìn)化版 拖拽小框架發(fā)布 兼容IE6/7/8,Firefox,Chrome
- js實(shí)現(xiàn)彈出框的拖拽效果實(shí)例代碼詳解
- 使用純JS實(shí)現(xiàn)checkbox的框選效果(鼠標(biāo)拖拽多選)
- JavaScript實(shí)現(xiàn)模態(tài)框拖拽效果
- HTML+CSS+JavaScript實(shí)現(xiàn)可拖拽模態(tài)框
- javascript實(shí)現(xiàn)登錄框拖拽
相關(guān)文章
javascript開(kāi)發(fā)隨筆3 開(kāi)發(fā)iframe富文本編輯器的一點(diǎn)體會(huì)
前段時(shí)間有個(gè)需求是開(kāi)發(fā)富文本編輯器,這個(gè)之前隨做過(guò),但看了需求,發(fā)現(xiàn)有些地方還需google2011-11-11FCKeditor 網(wǎng)頁(yè)在線編輯器的使用方法
FCKeditor是一個(gè)功能強(qiáng)大支持所見(jiàn)即所得功能的文本編輯器,可以為用戶提供微軟office軟件一樣的在線文檔編輯服務(wù)。2010-03-03FCK判斷內(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-12asp.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-08FCKeditor 2.6.6在ASP中的安裝及配置方法分享
FCKeditor目前的最新版本是2.6.6,在網(wǎng)上搜索此版本的配置方法,發(fā)現(xiàn)很少有asp的配置方法,以下就把自己的一些配置經(jīng)驗(yàn)分享給有需要的你。2012-03-03徹底解決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