{
  "apiVersion": "1",
  "name": "bplugins/custom-html",
  "title": "Advance Custom HTML",
  "description": "Write code like editor.",
  "category": "widgets",
  "keywords": [
    "custom html",
    "code",
    "html"
  ],
  "icon": "html",
  "textdomain": "custom-html",
  "attributes": {
    "uniqueId": {
      "type": "string",
      "default": ""
    },
    "HTML": {
      "type": "string",
      "default": ""
    },
    "fontSize": {
      "type": "number",
      "default": 15
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "mainEditor": {
      "type": "object",
      "default": {
        "theme": "oneDark",
        "language": "html",
        "copyBtnType": "icon",
        "copyBtnText": "Copy Code",
        "textAfterCopied": "Copied",
        "copyBtnPosition": "topright",
        "height": "400px",
        "width": "100%",
        "border": {
          "color": "",
          "style": "",
          "width": ""
        },
        "borderRadius": 0
      }
    },
    "headingStyles": {
      "type": "object",
      "default": {
        "headlineText": "",
        "titleColor": "#fff",
        "titleTypo": {
          "fontSize": "14"
        },
        "backgroundColor": "#000",
        "padding": {
          "top": "5px",
          "right": "0px",
          "bottom": "5px",
          "left": "20px"
        }
      }
    },
    "options": {
      "type": "object",
      "default": {
        "showLineNumbers": true,
        "highlightActiveLine": true,
        "autocompletion": true,
        "wrapEnabled": false,
        "foldGutter": true,
        "tabSize": 2,
        "displayCodeToFrontend": false,
        "displayHeading": false,
        "displayCopyBtn": false
      }
    },
    "btnStyle": {
      "type": "object",
      "default": {
        "textColor": "white",
        "backgroundColor": "#4a90e2",
        "typo": {
          "fontSize": 12
        },
        "copyBtnIconColor": "#4a90e2",
        "copyBtnIconSize": 25
      }
    }
  },
  "supports": {
    "html": false,
    "align": [
      "wide",
      "full"
    ]
  },
  "example": {
    "attributes": {
      "preview": true,
      "HTML": "<h3>write code on advanced code editor</h3>"
    }
  },
  "editorScript": [
    "wp-api",
    "file:./index.js"
  ],
  "editorStyle": [
    "file:./index.css"
  ],
  "script": "file:./view.js"
}