javascript - 添加中断标记以使用正则表达式显示单独的行

Question

我有一个 div 元素。我将在这个 div 中复制粘贴一些文本。然后，单击创建按钮后，将在该 div 内创建另一个 div，其中包含所选文本。新的 div 将具有不同的背景颜色、不同的字体和其他样式属性。我的问题是我希望每一行都是单独的行。所以我使用replace()命令和正则表达式来更改evere semi -带有标签的冒号。但它正在考虑字符串的标签部分，并且没有创建单独的行。如何解决

这是demo .

JS

function changeit() {
    var slctn = document.getSelection();
    var strings = slctn.toString();
    alert(strings);
    var get_id = document.getElementById("myspace");
    var elem = document.createElement("div");
    var design = document.createAttribute("style");
    design.value = "background-color:grey;color:black;font-weight:bold;font-style:italic;font-family:CURSIVE;";
    elem.setAttributeNode(design);

    alert("it is done");

    var rep = strings.replace(/\;/g, "<br>");
    var texts = document.createTextNode(rep);

    alert(texts);
    elem.appendChild(texts);
    get_id.appendChild(elem);
}

HTML

<div  contenteditable="true" width="40px" height="50px" style="display:block;" id="myspace">ddd</div>
<input type="button" value="select" onClick="changeit();">

Answer 1

像这样替换:

// elem.appendChild(texts);
elem.innerHTML = rep;

这是 jsFiddle 上的工作示例