求助大神

Question

look 你们有没有发现qq空间里有个东西 就是在回复的那个textarea里  @某人的时候 ，这个@某人会变成移动的图标但是不能移动也不能编辑，这个是怎么实现 的，求啊

Answer 1

<style type="text/css">
.editor {
  width:200px; 
  height:100px; 
  border:1px solid #ccc
}.at {
  color : orange;
}
</style><div class="editor" contenteditable="true">
  <img alt="@zhang" class='at'>  
  hello world!
</div>

Answer 2

<div x:id="content_content" x:idprefix="content" class="textinput c_tx2" contenteditable="true" style="" id="$1_content_content" idprefix="$1_content"><button name="@{uin:109834936,nick:蓝关马}" onclick="return false;" tabindex="-1" contenteditable="false" class="c_tx mention">@蓝关马</button>&nbsp;</div>

Answer 3

我不明白为什么没有文本框而只有div却可以编辑 如果我要提交表单这个可以提交吗

Answer 4

提交表单 ，可以把 div的innerHTML传给 textarea 再提交

Answer 5

可不可以把它写在textearea里呢

Answer 6

 像这样
<div id="abc">
  <img src="@xxx" id="me">hi你好;
</div>
var me=document.getElementById("me").src;
var abc=document.getElementById("abc").innerText;
var sum=me+abc;
<form>
   <textarea></textarea>
</form>
这样怎么把sum 传进去呢 怎么放到文本框中 求  赐教