从buider拖放html

时间:2019-06-27 04:29:41

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

我需要一个类似于react email editor

的拖放式表单生成器(免费/付费)

enter image description here 在其中我也可以添加自定义组件并编辑那里的属性(例如名称,id和选择值(在选择标记的情况下))并调整组件的大小。如果有请建议一个

1 个答案:

答案 0 :(得分:0)

有一个名为Form builder的jquery插件

我使用了这个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>