asp.net mvc中的textarea innerHtml输出？

Question

这是我的textarea：

<div>@Html.TextAreaFor(m => m.Article.ArticleContent, new { @class = "my_textarea", id = "textareaInput" })

和脚本：

<script type="text/javascript">
    $(document).ready(function () {
        $('#textareaInput').click(function () {
            var htmlStr = $('#textareaInput').val();
            $('#textareaInput').val($('<div/>').text(htmlStr).html());
        });
    });
</script>

当我写<p>some code</p>时，输出为：<p>some code</p>。但我希望：some code。

我怎么能这样做？感谢。

Answer 1

如果您打算清除代码，请尝试$('<div/>').html(htmlStr).text()：

    $(document).ready(function () {

        $('#textareaInput').change(function () {

            var htmlStr = $('#textareaInput').val();
            $('#textareaInput').val( $.trim( $('<div/>').html(htmlStr).text() ) );

        });
    });