我如何在html doc上创建拖放功能？

Question

我有类似的HTML。我想让它像表单构建器一样可编辑。

示例：

  

https://app.pandadoc.com/a/#/documents/BQ8wx4gSwrtETmVvFnWoXC/widgets?widget=XFWXJPW7gpJVzZEnYZFGoh

希望功能类似于示例。

Answer 1

这是一个非常广泛的问题，很难回答，但至少，您需要 JavaScript ，可能还需要用于某些UI交互的jQueryUI 。

从下面的一些资源开始，然后从那里开始。当您遇到特定问题时，请回过头来询问具体问题，我们可以使用这些代码重新创建问题并解决问题：

• jQueryUI Droppable用于拖放。
• jQueryUI Sortable的功能类似于表单构建器。
来自CSS Tricks的
• Drag and Drop File Uploading示例。 （这只是一个实现。有很多方法可以做到这一点。
• DropzoneJS另一个拖放文件上传器。