是否可以使<div>可由用户写入?</div>

时间:2010-01-27 20:12:23

标签: javascript html

必须构建一个系统,当用户在框中写入以#开头的单词时,这将包含在html元素中。内部输入文本和textarea html不起作用。我曾经想过有一个div,有可能吗?

4 个答案:

答案 0 :(得分:13)

尝试以下方法:

<div contenteditable="true">Hello, edit me!</div>

未在Opera中测试,可在Firefox 3,Google Chrome,Safari和Internet Explorer 6,7和8中使用。

答案 1 :(得分:6)

不确定您要找的是什么,但您可以像这样编辑div:

<div contentEditable="true"></div>

答案 2 :(得分:1)

不确定为什么输入或textarea不起作用;您可以考虑处理当用户将数据输入textarea或输入以实现目标时触发的事件。或者您可以查看一个所见即所得的编辑器。

答案 3 :(得分:0)

是的,这是可能的。

:)

说真的,你需要解析用户输入,当你的解析器引擎看到一个“#”符号时,它只是等待下一个[space](例如作为一个元素id分隔符),创建一个新的DOM元素这个id,之后每次用户输入符号时都必须更新此元素的innerHTML。

相关问题