在textarea中每行数据后面加上X，表示删除本行。求这种效果！

Question

在textarea中每行数据后面加上X，表示删除本行。求这种效果！希望：该js能通用易扩展。谢谢！

Answer 1

这种效果不能用textarea了已经

Answer 2

非得用Table？若你有类似的效果，请发出来。谢谢！

Answer 3

<style type="text/css">
  #t{width:200px;height:200px;border:2px solid #ccc;}
  #d{height:200px;widht:20px;border:1px solid red;color:red;}
  </style>
  <table><tr><td>
  <textarea id="t">
  abc
  def
  </textarea>
  </td>  <td>
  <div id="d"></div>
  </td></tr><table>  <input type="button" onclick="addtext()" value="Click"/>
  <script language="javascript">
  function addtext()
{
  var s = document.getElementById('t').value;
  var dt = document.getElementById('d').innerText
  dt +='X ';
  document.getElementById('d').innerText = dt;
  }
  </script>就是textarea 和 div 并排 把line-height 高度设置统一，就可以达到这个效果了，以前做过用jquery 会更简单的。

Answer 4

如果是图片 textarea做不到 我们什么时候看见textarea中还有图片的？

Answer 5

其实想实现,没有实现不了的,你也可以考虑用<div contentEditable="true"></div>　当textarea

Answer 6

还textarea？你out了？ 快来试试FCKEDIT， HOLD住你的世界

Answer 7

我觉得自己做个DIV模拟textarea比较具有可行性