动态更改内容

Question

我目前正在进行动态模板创建，其中用户 可以将任何已定义的元素从源区域拖动到目标区域。 现在，在删除用户后可以修改它＆＃39; s文字（更改/添加新）。

我已经完成了拖放操作，但是在删除后如何更改它的文本。 ？

是否有任何javascript库可以帮助我？

Answer 1

答案很简单。删除元素后，将其内容更改为textarea，其样式可以与拖动前相同。

关于图书馆的问题。我会使用jQuery，因为它很容易操作内容。你做这样的事情：

function eventAfterDrop(container) {
  container.html('<textarea name="textarea" class="same-as-dragged"></textarea>');
}

这只会做一件事，那就是将内容更改为textarea。它可以通过许多不同的方式完成。我只想告诉你要走哪条路。

PS：如果您显示一些代码，有人可以帮助您完全按照您的代码执行此操作。

Answer 2

您是否看过HTML contenteditable Attribute？

＆＃13;

＆＃13;

<div contenteditable="true">This div is editable. Try to change this text.</div>

＆＃13;

＆＃13;

＆＃13;