如何將自定義字段添加到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);