ユーザがウェブページからグリッドをコピーしてメモ帳に貼り付けるときにグリッド線をコピーする

Question

グリッド線をウェブページからコピーするときに、グリッド線をコピーしたいと思う。それは可能ですか？現在、コピーの結果のようなもの

です：私が持っているしたい

name subject 
lolo math 
fofo history 

です：

| name | subject | 
    --------------- 
    | lolo | math | 
    --------------- 
    | fofo | history | 

私はそれをグーグルが、私はそのための良い解決策を見つけることができなかった、と私はフロントエンドのトリックで経験はありません。あなたのtableにcopyイベントを作成する必要が

Answer 1

私のソリューションは、使用Clipboard.js上記のソリューションの組み合わせだったと、コピーしたテキスト解析：splitは、新しい行を検出していませんので、私はまだaddTableLinesを書いて

new Clipboard('.clipboard-btn', { 
    text: function (trigger) { 
     var originaltext = $(trigger).next('table').closest("#my-tbl").text(); 
     return addTableLines(originaltext); 
    } 
    }); 

を。

Answer 2

：

//Here we assume that your table has an id and it is stored in myTable 
document.getElementById(myTable).addEventListener('copy', function(e){ 
    e.preventDefault(); 
    e.clipboardData.setData("Text", parseClipboard(e.clipboardData.getData("Text"))); 
}); 

parseClipboard上記の例では、クリップボードにテキストを処理し、あなたは意志としてそれを変換すると想定されます。区切り文字として改行を含むテキストをsplitにしたい場合は、|各行（行）の行の先頭と最後に、改行の区切り文字を持つjoinの文字列---------------改行

Answer 3

このようなことができます：

function changeCopiedText(event) { 
    event.preventDefault(); 

    // get original text from selection 
    var originaltext = window.getSelection(); 

    // call your function to add the lines to the original text 
    var textwithlines = addTableLines(originaltext); 

    // add the new text to the clipboard 
    if (window.clipboardData) { 
     window.clipboardData.setData('Text', textwithlines); 
    } 
} 

// capture the copy event 
document.addEventListener('copy', changeCopiedText); 

しかし、あなたはあなたのニーズに応じて、addTableLinesに行を追加するための最良の方法を考える必要があります。