Modal window with tabs

Description modal window with tabs, differs from simple modal window describing multiple tabs in a variable tabs.

<script>
$(document).ready(function() {
 var wbbOpt = {
  buttons: "myimg",
  allButtons: {
    myimg: {
      title: "Inserting a picture with the parameters",
      buttonText: "myimg",
      modal: { //Description of modal window
        title: "Modal title",
        width: "600px",
        tabs: [
          { //First tab
            title: "The first tab",
            input: [ //List of form fields
              {param: "SRC",title:"Enter image URL",validation: '^http(s)?://.*?\.(jpg|png|gif|jpeg)$'},
              {param: "TITLE",title:"Enter image title"}
            ]
          },
          { //The second tab
            title: "The second tab",
            html: "<p>Perhaps the task tab contents through a variable <b>html</b></p>"
          },
        ],
        onLoad: function() {
          //Callback function that will be called after the display of a modal window
        },
        onSubmit: function() {
          //Callback function that will be called by pressing the "Save"
          //If function return false, it means sending data WysiBB not be made
        }
      },
      transform: {
        '<img src="{SRC}" title="{TITLE}" />':'[img title={TITLE}]{SRC}[/img]'
      }
    }
  }
}
 $("#editor").wysibb(wbbOpt);
});
</script>
.....
<textarea id="editor"></textaera>

As a result, we get: