Javascript 删除Textarea中的新行并替换为值中的\n字符

小提琴-

我正在做一个小发电机。然而，我遇到了一个问题，我还不知道如何解决

例如： 假设这是我要转换的代码

.editor, .preview {
  position: absolute;
  width: 50%;
  height: 100%;
  padding: 0;
  font-family: monospace;
  line-height: 1;
  min-height: 1.4em;
  line-height: 1.4em;
  font-size: 1em;
  border: 0;
  border-radius: 0;
  resize: none;
}

.editor {
  left: 0;
  color: #0b0;
  background-color: #000;
}

.preview {
  right: 0;
  background-color: #fff;
}

最终结果应生成以下代码

body {\n  margin: 0;\n  background: #333;\n}\n\n.editor, .preview {\n  position: absolute;\n  width: 50%;\n  height: 100%;\n  padding: 0;\n  font-family: monospace;\n  line-height: 1;\n  min-height: 1.4em;\n  line-height: 1.4em;\n  font-size: 1em;\n  border: 0;\n  border-radius: 0;\n  resize: none;\n}\n\n.editor {\n  left: 0;\n  color: #0b0;\n  background-color: #000;\n}\n\n.preview {\n  right: 0;\n  background-color: #fff;\n} 

---

对于那些不太理解这个问题的人：我正在删除每一行，并试图编写

\n

而不是插入一行，而是显示代码本身的文本。如上图所示。）

在您提供的小提琴中，我将“break_mee_baby”替换为“\\n”（斜杠-slash-n）。这似乎正是您所需要的。

在您提供的小提琴中，我将“break_meee_baby”替换为“\\n”（斜杠-slash-n）。这似乎正是您所需要的。

因为

\

意味着某些特殊字符或命令的开始，您必须将其转义（通过添加另一个斜杠）以“原样”输出并阻止其处理：

\\n

$(document).ready(function() {
  var editor = $('.editor'),
      preview = $('.preview');

  // Remove new line and insert new like "\n" to show the text in value
  editor.on('load keyup change', function() {
    preview.val( $(this).val().replace(/\n/g,'\\n') );
  }).change();
});

---

由于

\

表示某些特殊字符或命令的开头，因此必须将其转义（通过添加另一个斜杠）以“按原样”输出并阻止其处理：

\\n

$(document).ready(function() {
  var editor = $('.editor'),
      preview = $('.preview');

  // Remove new line and insert new like "\n" to show the text in value
  editor.on('load keyup change', function() {
    preview.val( $(this).val().replace(/\n/g,'\\n') );
  }).change();
});

---

请显示您的代码。请尝试以下操作：

preview.html（$（this）.val（）.replace（/\n/g，\；n；）请显示您的代码。请尝试以下操作：
preview.html（$（this）.val（）.replace（/\n/g，&&92；&110；）