时间戳

首页 > 解决方案 > 从 buider 拖放 html

javascript - 从 buider 拖放 html

问题描述

我需要一个拖放表单生成器（免费/付费）类似于反应电子邮件编辑器的东西

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

标签： javascripthtmlformsdrag-and-dropeditor

解决方案

有一个名为 Form builder 的 jquery 插件

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

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

<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>

推荐阅读