从复制和粘贴图像中删除换行符

Question

我正在创建一个html / javascript应用程序作为一个项目，我基本上创建一个标记语言并将文本转换为图片。我正在为此做的一件事是，可以将图片串复制并粘贴到文本区域并获取标记版本，以便我可以将其保存为文本格式。

我通过将html图像的alt属性设置为我想要复制的内容来实现此目的。我遇到麻烦的是，当我设置它以便打印图像“向下”而不是向右打印时，通过创建一个<div><img alt="words" src="picture"></img></div>序列来完成它将它解释为在每个个体之间有换行符我复制并粘贴时的图片alt。

我尝试添加退格符，但显然失败了，是否有人有解决这些换行符的解决方案？

以下是输出的图片以及复制和粘贴时所获得的内容，以帮助使其更清晰

Answer 1

您可以在textarea附加一个事件，当值发生变化时，该事件会删除任何空格（或者只有新行，如果这更好）：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

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

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