Javascript - .innerHTML - 正确显示文本格式

时间:2017-05-24 19:35:44

标签: javascript html

相当新的javascript并希望我来对地方。

目前我正在尝试创建一个按钮,将特定格式的文本放在文本框中,但我不确定如何使文本保持其格式。

我希望能够在文本中包含p / p和b / b等元素。

示例我希望如何看待它:
客户遇到问题,请前往现场并修理服务

Javascript:

function myFunction() {
document.getElementById("textbox").innerHTML = "Customer is having problems, please proceed to the location and repair the service ";
  var oTextbox1 = document.getElementById("textbox"); 
oTextbox1.focus(); 
oTextbox1.select(); 
document.execCommand('copy')
}

对此的任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

If you use innerHTML then html gets rendered, if you use innerText then it is left unrendered

Considering input can't contain HTML您可能需要查看contenteditableRelated question

document.getElementById("test1").innerHTML = "<b>Bolded?</b>";
document.getElementById("test2").innerText = "<b>Bolded?</b>";
<div id="test1" contenteditable></div>
<div id="test2" contenteditable></div>