如何在不使用<input>的情况下使用闪烁的光标和可编辑文本创建div？

Question

我需要创建一个div层,这样当你点击它时你的光标就会闪烁,你可以插入/删除文本就像<input type="text">那样,除了我不想使用它,因为它稍微限制我的情况.

我绝对可以使用JavaScript.

Answer 1

DIV元素具有(其他元素)contentEditable属性,您可以在Javascript中将其设置为true.

getElementById('YourDiv').contentEditable = true;

Answer 2

您可以通过将其contentEditable属性/属性设置为来使div可编辑true.但是,对于任何比基本编辑更强大或更灵活的东西,您可能希望查看现有解决方案,例如:

• TinyMCE的
• 凯文罗斯的RTE
• YUI编辑器