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

Question

TEXTAREA can post HTML but we have to write HTML on in it while user doesn't know about html and Textarea does not allow short keys like Ctrl + B for bold.

CONTENTEDITABLE="True" property of Div element. It allows writing HTML Code and Short Keys or any kind of HTML you copy from the other resource.

My is case is that i just want bold, italic, Underline and Enter Key. if i use textarea it does not allow me short keys for edit the html andif i use contenteditable it gives me that features and so many others that i dont allow to user to post.

I am not going for the TinyMC BBCode and so on. for the simple features like bold, italic, underline and enter.

What should i do for that?

Answer 1

You need Javascript - Can div with contenteditable=true be passed through form?

Code by smdrager from link above.

<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>

For allowing only some tags use this: http://phpjs.org/functions/strip_tags/