模拟富文本编辑框,可以粘贴截图
- 格式:docx
- 大小:7.62 KB
- 文档页数:2
#editableDiv {
-moz-appearance: textfield-multiline;
-webkit-appearance: textarea;
border: 1px solid gray;
font: medium -moz-fixed;
font: -webkit-small-control;
height: 600px;
overflow: auto;
padding: 2px;
resize: both;
width: 800px;
}
function aa()
{
document.getElementById( 'cc' ).innerHTML=document.getElementById( 'editableDiv' ).innerHTM L;
}
(function(){
var imgReader = function( item ){
var blob = item.getAsFile()
reader = new FileReader();
reader.onxxxxload = function( e ){
var img = new Image();
img.src = e.target.result;
document.getElementById( 'editableDiv' ).appendChild( img );
};
reader.readAsDataURL( blob );
};
document.getElementById( 'editableDiv' ).addEventListener( 'paste' function( e ){
var clipboardData = e.clipboardData
i = 0
items item types;
if( clipboardData ){
items = clipboardData.items;
if( !items ){
return;
}
item = items[0];
types = clipboardData.types || [];
for( ; i < types.length; i++ ){
if( types[i] === 'Files' ){
item = items[i];
break;
}
}
if( item && item.kind === 'file' && item.type.match(/^image\//i) ){ imgReader( item );
}
}
});
})();