如何将自定义字段添加到Jquery表单生成器

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