如何使用javascript转换HTML标记并显示为样式文本?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (306)

我正在设计一个接受HTML标签并将其转换为单独文本区域中显示的样式文本的表单。想想一个非常简单的JSbin。我认为这会奏效:

 document.getElementById('tagName').innerHTML='variable'

但是这会显示文本和标签 - 我只想要标签。

提问于
用户回答回答于

我想你要找的是contenteditableattr。

您可以使用属性,以使编辑DOM元素一样divspanp,等等。

有关详细信息,请转到使内容可编辑

在订单上,为了能够从a编写HTML textarea并将输入的HTML文本呈现到contenteditable元素中,您需要绑定某种事件以获取编写的HTML,然后将其设置为目标contenteditable元素。

var variable = '<b>EleFromStack</b>',
    tagName = document.getElementById('tagName'),
    textarea = document.getElementById('textarea');
    
textarea.addEventListener('input', function() {
  tagName.innerHTML = this.value;  
});
div {
  width: 300px;
  border: 1px dashed #000
}
<textarea id='textarea'>
</textarea>

<div id='tagName' contenteditable='true'>
</div>
用户回答回答于

请查看https://gomakethings.com/two-ways-to-get-and-set-html-content-with-vanilla-javascript/.textContent以获取没有标签的文本。

document.getElementById('text').innerHTML=document.getElementById('html-elements').textContent
<div id="html-elements">
<button>hello</button> <strong><em>world</em></strong>
</div>
<div id="text"></div>

扫码关注云+社区

领取腾讯云代金券