您正在寻找角度的WYSIWYG：

此处提供的列表也是：http://ngmodules.org/tags/wysiwyg

Answer 2

<html>
  <head>
<meta name="description" content="quick edit panel" />
    <meta name="viewport" content="width=device-width">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  </head>

  <body>
        <div class="prompt" contentEditable=true 
             style="padding:5px;
                    background-color:black;
                    height:28px;
                    color:white;
                    font-family:'courier new'">
            write a html code  <span style="background-color:blue;">here</span>
        </div>
        <div class="result"> 
            write a html code  <span style="background-color:blue;">here</span>
        </div> 

        <script type="text/javascript">

            $('.prompt').focus();

            $('.prompt').keypress(function(event){
                if ( event.which == 13 ) {
                    var resultado = $('.prompt').html();
                    console.log(resultado);
                    $('.result').append($('<div/>').html(resultado).text()+"<br>");
                    $('.prompt').html('');
                    $('.prompt').focus();
                }
            });

        </script>
  </body>
</html>

如何在texterea中显示html结果

2 个答案:

您正在寻找角度的WYSIWYG：