首页 > 开发 > Java > 正文

javascript 网页编辑框及拖拽图片的问题

2024-07-21 02:53:40
字体:
来源:转载
供稿:网友
javascript 网页编辑框及拖拽图片的问题,需要的朋友可以参考下。
 
复制代码代码如下:

function keyPress(ev){ 
if(ev.keyCode==13){ 
//在光标所在处创建一个区域. 
var range=document.selection.createRange(); 
//将区域的内容设置成为换行符. 
range.text="/n"; 
//将区域的起始点向右移动一个字符的长度. 
range.moveStart("character", 1); 
//将光标移动到区域的结尾.(若为false则是移动到起始位置). 
range.collapse(true); 
//由于上面的一系列操作,使得区域的位置处在了/n之后,所以再次选择时,光标就到了新一行的结尾.完成换行. 
range.select(); 
//使事件失效 
return false; 

return true; 


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


复制代码代码如下:

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

获取代编辑框中内容的代码 
复制代码代码如下:

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


注:相关教程知识阅读请移步到编辑器频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表