xhEditorは単語画像の自動転送を実現します

画像をコピーする方法は2つまでです。1つは画像をサーバーに直接アップロードする方法、もう1つはbase64コードをバイナリストリームに変換する方法です。現在
はChromeブラウザーに限定されています。
まず、um-editorのバイナリストリームを例に挙げます:
umeditor.jsを開く、UM.plugins ['autoupload']を見つけ、autoUploadHandlerメソッドを見つけて、コードをコメント化します。
次のコードを追加します。

//クリップボードのコンテンツにテキストが含まれているかどうかを判断します

//まず、テキストが空かどうかを判断する必要がある理由を説明します

// ctrl + cワードのテキストまたは画像の後に、1(image / png)または4タイプ(text / plain、text / html、text / rtf、image / png)タイプのオブジェクトが返されます

// 4つのフォーマットに対応するため、以下の判断をします

//次のコード:e.originalEvent.clipboardData.itemsはクリップボードの内容を取得します

//テキストが貼り付けられると、テキストは空ではなく、現在のテキストの画像タイプも返されます

//テキストがある場合は何もしないでください。画像のみを貼り付ける場合は、コピーしたデスクトップ画像またはスクリーンショット画像を含め、テキストは空である必要があります

var text = e.originalEvent.clipboardData.getData( "text");

if(text == ""){

    var items = e.originalEvent.clipboardData.items;

     for(var i = 0、len = items.length; i <len; i ++){

        var item = items [i];

       if(item.kind == 'file' && item.type.indexOf( 'image /')!== -1){

         

              var blob = item.getAsFile();

              getBase64(blob、function(base64){

              // sendAndInsertImage(base64、me);サーバーにアップロード

               setBase64Image(base64、me);

              });

              //デフォルトのイベントを防ぎ、繰り返しの追加を避けます。

              e.originalEvent.preventDefault();

             };

        }

}

2つの方法:

//画像を挿入する操作を実行します

function setBase64Image(base64、editor){

    editor.execCommand( 'insertimage'、{src:base64、_src:base64});

}

// base64を取得

function getBase64(blob、callback){

    var a = new FileReader();

    a.onload = function(e){callback(e.target.result);};

    a.readAsDataURL(blob);

};

エフェクト表示:詳細について

は、次の記事を参照してください:http : //blog.ncmem.com/wordpress/2019/08/07/ueditor-word%e5%9b%be%e7%89%87%e4%b8%8a %e4%bc%a0 /

ディスカッショングループ:223813913

おすすめ

転載: blog.csdn.net/weixin_45525177/article/details/108532682