模拟富文本编辑框,可以粘贴截图

模拟富文本编辑框,可以粘贴截图
模拟富文本编辑框,可以粘贴截图

模拟富文本编辑框,可以粘贴截图

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 );

}

}

});

})();

相关主题
相关文档
最新文档