javascript 如何打印文本而不设置格式?

qeeaahzv  于 2023-01-29  发布在  Java
关注(0)|答案(1)|浏览(121)

我想在HTML文件中打印这样文本,您建议使用什么标记?

'text \nwithout \nformatting '

我的js代码

const editor = document.getElementById('editor')
const previewer = document.getElementById('previewer')

editor.addEventListener('change', () => {
  previewer.textContent = editor.value
})

我的HTML代码

<textarea id="editor" name="" cols="30" rows="10"></textarea>
  <pre id="previewer"></pre>

我尝试使用已弃用的<plaintext><pre>标记,我希望打印文本时不格式化\n等标记

fnvucqvd

fnvucqvd1#

看一看white-space: pre

const control = document.getElementById('control')
document.getElementById('text').addEventListener('input', function(){
  control.textContent = this.value
})
<div  style="display:flex;">

<textarea id="text">start
newline here ->
three spaces|   | and two newlines

asdf
end</textarea>

<div id="control" style="white-space: pre; background: yellow; display: flex;">start
newline here ->
three spaces|   | and two newlines

asdf
end</div>

</duv>

相关问题