拖放 html 表单构建器答案

【问题标题】：Drag and drop html from buider拖放 html 表单构建器
【发布时间】：2019-06-27 04:29:41
【问题描述】：

我需要一个拖放表单生成器（免费/付费）类似于react email editor

我也可以在其中添加自定义组件并编辑那里的属性（如名称、ID 和选择值（在选择标签的情况下））并调整组件的大小。如果有请推荐一个

【问题讨论】：

标签： javascript html forms drag-and-drop editor

【解决方案1】：

有一个jQuery插件叫做Form builder

我已经使用了这个Form Builder 插件，我发现它非常有用，这是一个免费插件，您可以根据需要自定义此插件，还可以根据您的要求添加新控件。

要添加它，请编写如下代码

<body>
  <div id="fb-editor"></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script src="https://formbuilder.online/assets/js/form-builder.min.js"></script>
  <script>
  jQuery(function($) {
    $(document.getElementById('fb-editor')).formBuilder();
  });
  </script>
</body>

【讨论】：

我已经尝试过了，但是在这里你不能并排添加两个输入也不能添加自定义字段
你可以使用这个插件进行任何类型的自定义，它是我的救星
告诉我如何自定义图片中的功能显示ibb.co/mJ0cP4K
请浏览此链接中给出的documents。对于并排控制，您可以在 css 中执行此操作，也无需在 js 文件中进行编辑
我在文档中找不到任何选项，如果你能做到这一点，你能分享你的代码吗？