请教 这个带有html格式的字符串怎么正确显示

你放  textarea 怎么显示， 放外面还可以。

解决方案 »

  1.   

    <div style="float:left;display:inline">...</div>
    请使用实体引用更改.
    正确方式如下:
    &lt;div style=&quot;float:left;display:inline&quot;&gt;...&lt;/div&gt;
      

  2.   

    textarea不能显示html，你要把html放在div等容器中浏览器才能正常解析
      

  3.   

    <textarea>  和 <DIV> 都是htm标签。 html都会解析。
    如果不想解析的话，就得把特殊字符转义。
      

  4.   

    您好！首先非常感谢您的回答 
    我的意思不知道您看懂了么有？
    比如我有一个><div style="font-size: 12px;font-family: Arial Narrow;padding:2px 0 2px 0;">------------</div>的字符串存在string中 然后 想在textarea中显示出来 显示结果是------------- 如果标签属性有color为红色就显示背景红色 等等
      

  5.   

    您好！首先非常感谢您的回答 
    我的意思不知道您看懂了么有？
    比如我有一个><div style="font-size: 12px;font-family: Arial Narrow;padding:2px 0 2px 0;">------------</div>的字符串存在string中 然后 想在textarea中显示出来 显示结果是------------- 如果标签属性有color为红色就显示背景红色 等等
      

  6.   

    我知道你想干嘛，但是说了textarea中的内容浏览器不会解析，也就是你给他什么内容，他就原封不动地显示什么，比如你将textarea的value或者innerHTML设置为<div style="font-size: 12px;font-family: Arial Narrow;padding:2px 0 2px 0;">------------</div>，那么它不会仅仅显示------------而是整个这一长串。
    如果你需要浏览器解析这个div，那你要将它放在另一个div里
      

  7.   

    怎么放哦 比如这个<div><textarea name="content" rows="30" cols="80"></textarea></div></td>
    应该怎么放入上面的div 请您详细的指教一下哦 
      

  8.   

    我知道你想干嘛，但是说了textarea中的内容浏览器不会解析，也就是你给他什么内容，他就原封不动地显示什么，比如你将textarea的value或者innerHTML设置为<div style="font-size: 12px;font-family: Arial Narrow;padding:2px 0 2px 0;">------------</div>，那么它不会仅仅显示------------而是整个这一长串。
    如果你需要浏览器解析这个div，那你要将它放在另一个div里怎么放哦 比如这个<div><textarea name="content" rows="30" cols="80"></textarea></div></td>
    应该怎么放入上面的div 请您详细的指教一下哦 
      

  9.   

    你要将html放在一个div里，不要用textarea了，直接用div当编辑框吧，设置了contenteditable以后就可以当做textarea用了，给你一个例子
    <html>
    <body>
    <script>
    window.onload = function(e) {
    var btn = document.getElementById("btn")
    var editor = document.getElementById("editor")
    btn.addEventListener("click", function() {
    var html = '<div style="color:red">------------</div>'
    editor.innerHTML += html
    }, false)
    }
    </script>
    <div id="editor" contenteditable="true" style="width:400px;height:300px;overflow:auto;border:1px solid black;"></div>
    <button id="btn">添加内容</button>
    </body>
    </html>