如何将自定义字段添加到Jquery Form Builder

Question

有，

我正在使用Jquery Form Builder（https://formbuilder.online/），我完成了任务：将自定义字段添加到表单构建器。

我想在不更改此jquery插件的核心的情况下执行此操作。我已经发现我可以在其他更改之间将它添加到函数“fieldRender”。

执行此操作我将丢失此项目的更新，并且此自定义字段太具体，无法提供给项目本身。

我已经找了一段时间但还没找到：有没有人知道是否有办法添加一种扩展策略的自定义字段，所以我可以构建自定义字段而不必每次更改核心代码？

谢谢，

Answer 1

v2.1 http://formbuilder.readthedocs.io/en/latest/formBuilder/options/templates/

正式添加了对自定义元素的支持

您可以向编辑器添加2个选项。例如，如果您想要星级评分输入

var fields = [{
  label: 'Star Rating',
  attrs: {
    type: 'starRating'
  },
  icon: ''
}];
var templates = {
  starRating: function(fieldData) {
    return {
      field: '<span id="'+fieldData.name+'">',
      onRender: function() {
        $(document.getElementById(fieldData.name)).rateYo({rating: 3.6});
      }
    };
  }
};
var options = {
  fields: fields,
  options: options
};
$('#fb-editor').formBuilder(options);