jQuery formBuilder, как отобразить данные формы в XML? - PullRequest
Новая
       9

jQuery formBuilder, как отобразить данные формы в XML?

0 голосов
/ 13 июня 2018

Я использую плагин jQuery formBuilder.Я прочитал документацию, но похоже, что действие getData может предупреждать только данные формы в XML.У меня вопрос, как мне отобразить это в div?

https://codepen.io/kevinchappell/pen/zwrddy

var fbTemplate = document.getElementById('form-wrap');
var formBuilder = jQuery(fbTemplate).formBuilder(options);

document.getElementById('getXML').addEventListener('click', function() {
// alert(formBuilder.actions.getData('xml'));
previewData = formBuilder.formData;
let html = '<!doctype html><title>Form Preview</title><body class="container"><h1>Preview</h1><hr>'+previewData+'</body></html>';
var formPreviewWindow = window.open('', 'formPreview', 'height=480,width=640,toolbar=no,scrollbars=yes');
formPreviewWindow.document.write(html);

});

1 Ответ

0 голосов
/ 13 июня 2018

Вы можете добавить данные, используя следующий код:

демо: https://codepen.io/creativedev/pen/rKwOzb

<code>jQuery(function($) {
    var fbEditor = document.getElementById('build-wrap');
    var formBuilder = $(fbEditor).formBuilder();
    document.getElementById('getXML').addEventListener('click', function() {
      alert(formBuilder.actions.getData('xml'));
        htmldata = formBuilder.actions.getData('xml');
        previewData = formBuilder.formData;
        let html = '<!doctype html><title>Form Preview</title><body class="container"><h1>Preview</h1><hr><pre>' + htmldata + '
';console.log (htmldata) var formPreviewWindow = window.open ('', 'formPreview', 'height = 480, ширина = 640, панель инструментов = нет, полосы прокрутки = да');formPreviewWindow.document.write (HTML);});document.getElementById ('getJSON'). addEventListener ('click', function () {alert (formBuilder.actions.getData ('json'));});document.getElementById ('getJS'). addEventListener ('click', function () {alert ('check console'); console.log (formBuilder.actions.getData ());});});
...