画像のコピーと貼り付けから改行文字を削除する

Question

私は、基本的にマークアップ言語を作成し、そのテキストを画像に変換するプロジェクトとして、html/javascriptアプリケーションを作成しています。私がこれをやっていることの1つは、テキスト領域に絵の文字列をコピーして貼り付け、マークアップ版を入手してテキスト形式で保存できるようにすることです。

これは私のhtmlイメージのalt属性をコピーしたいものに設定することで実現します。私が問題を抱えているのは、画像を右にではなく「下に」印刷するように設定したときに、<div><img alt="words" src="picture"></img></div>のシーケンスを作成することによって達成されるということです。個々の画像間に改行文字があると解釈します。altコピーアンドペースト。

私はバックスペース文字を追加しようとしましたが、明らかに失敗しました。誰もこの改行文字を取り除くための解決策を持っていますか？

ここでは、出力の絵だと何をコピーするときに取得し、あなたが任意の空白を削除し、あなたのテキストエリアにイベントを添付することができ

Answer 1

それをより明確に支援するために貼り付ける（またはそれが望ましいかどうちょうど）改行文字が値が変更されたとき：

var pasteArea = document.getElementById('pasteArea'); 
 

 
pasteArea.addEventListener('input', function() { 
 
    var value = pasteArea.value; 
 
    var spaceRemoved = value.replace(/\s/g, ''); 
 

 
    if (value !== spaceRemoved) { 
 
    pasteArea.value = spaceRemoved; 
 
    } 
 
});

textarea { 
 
    height: 10em; 
 
    width: 300px; 
 
}

<textarea id="pasteArea"></textarea>