发布HTML Textarea或ContentEditable Div或其他内容。

时间:2013-12-31 11:18:24

标签: javascript jquery html asp.net post

TEXTAREA 可以发布HTML,但我们必须在其中编写HTML,而用户不知道html,而Textarea不允许使用Ctrl + B这样的短键表示粗体。

Div元素的

CONTENTEDITABLE =“True”属性。 它允许编写HTML代码和短密钥或您从其他资源复制的任何类型的HTML。

我的情况是我只想要粗体,斜体,下划线和输入键。如果我使用textarea它不允许我编辑html的短键,如果我使用contenteditable它给了我的功能和许多其他我不允许用户发布。

我不会选择TinyMC BBCode等等。对于简单的功能,如粗体,斜体,下划线和输入。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

您需要使用Javascript - Can div with contenteditable=true be passed through form?

来自上面链接的smdrager代码。

<script type="text/javascript">
    function getContent(){
        document.getElementById("my-textarea").value = document.getElementById("my-content").innerHTML;
    }
</script>


<div id="my-content" contenteditable="true"><a href="page.html">Some</a> Text</div>

<form id="form" action="some-page.php" onsubmit="return getContent()">
    <textarea id="my-textarea" style="display:none"></textarea>
    <input type="submit" />
</form>

仅允许使用此标记:http://phpjs.org/functions/strip_tags/