https://codebeautify.org/jsviewer

ID de l'analyse :: 23ccf1ec-80be-4fe7-a3b1-a9a2b60602caTerminée
URL soumise :: https://codebeautify.org/jsviewer
Fin du rapport :: 19 nov. 2024, 09:16:13
Liens : 7 trouvé(s)

Liens sortants identifiés à partir de la page
Lien	texte
https://jsonformatter.org	JSON Formatter
https://jsonformatter.org/xml-formatter	XML Formatter
https://codeblogmoney.com/validate-json-string-using-javascript/	Validate JSON using Javascript
https://codeblogmoney.com/convert-string-to-json-object-using-javascript/	Convert String to JSON Object using Javascript
https://goo.gl/1oWmPe	Buy us a Coffee
https://codeblogmoney.com	Blog
https://seoinspector.pro	SEO Inspector
Variables JavaScript : 150 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom	Type
0	object
1	object
2	object
3	object
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object
freestar	object
gtag	function
dataLayer	object
Messages de journal de console : 12 trouvé(s)

Messages consignés dans la console web
Type	Catégorie	Enregistrement
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte in setview gViewName:->jsviewer
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte ad link:->https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte saveRecentlyUsed view: jsviewertitle:->JavaScript Beautifier
log	javascript	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte JSHandle@object
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte ad link:->/adex.js
log	javascript	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte JSHandle@object
log	other	URL https://codebeautify.org/dist/9.2/js/b/b-js-tools.min.js texte Yay no ad blocker available! Yay
log	other	URL https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js texte Messaging without detection successfully executed.
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js texte [event] onSPPMObjectReady JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js texte [event] onMessageReceiveData JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js texte [event] onMessageReceiveData JSHandle@array
log	javascript	URL https://a.pub.network/codebeautify-org/pubfig.engine.js texte [event] onMessageReady JSHandle@array
HTML

Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" data-previous-scroll-y="-0px" class="sp-message-open"><head><style id="error_marker.css">
    .error_widget_wrapper {
        background: inherit;
        color: inherit;
        border:none
    }
    .error_widget {
        border-top: solid 2px;
        border-bottom: solid 2px;
        margin: 5px 0;
        padding: 10px 40px;
        white-space: pre-wrap;
    }
    .error_widget.ace_error, .error_widget_arrow.ace_error{
        border-color: #ff5a5a
    }
    .error_widget.ace_warning, .error_widget_arrow.ace_warning{
        border-color: #F1D817
    }
    .error_widget.ace_info, .error_widget_arrow.ace_info{
        border-color: #5a5a5a
    }
    .error_widget.ace_ok, .error_widget_arrow.ace_ok{
        border-color: #5aaa5a
    }
    .error_widget_arrow {
        position: absolute;
        border: solid 5px;
        border-top-color: transparent!important;
        border-right-color: transparent!important;
        border-left-color: transparent!important;
        top: -5px;
    }

/*# sourceURL=ace/css/error_marker.css */</style><style id="ace-tm">.ace-tm .ace_gutter {
  background: #f0f0f0;
  color: #333;
}

.ace-tm .ace_print-margin {
  width: 1px;
  background: #e8e8e8;
}

.ace-tm .ace_fold {
    background-color: #6B72E6;
}

.ace-tm {
  background-color: #FFFFFF;
  color: black;
}

.ace-tm .ace_cursor {
  color: black;
}
        
.ace-tm .ace_invisible {
  color: rgb(191, 191, 191);
}

.ace-tm .ace_storage,
.ace-tm .ace_keyword {
  color: blue;
}

.ace-tm .ace_constant {
  color: rgb(197, 6, 11);
}

.ace-tm .ace_constant.ace_buildin {
  color: rgb(88, 72, 246);
}

.ace-tm .ace_constant.ace_language {
  color: rgb(88, 92, 246);
}

.ace-tm .ace_constant.ace_library {
  color: rgb(6, 150, 14);
}

.ace-tm .ace_invalid {
  background-color: rgba(255, 0, 0, 0.1);
  color: red;
}

.ace-tm .ace_support.ace_function {
  color: rgb(60, 76, 114);
}

.ace-tm .ace_support.ace_constant {
  color: rgb(6, 150, 14);
}

.ace-tm .ace_support.ace_type,
.ace-tm .ace_support.ace_class {
  color: rgb(109, 121, 222);
}

.ace-tm .ace_keyword.ace_operator {
  color: rgb(104, 118, 135);
}

.ace-tm .ace_string {
  color: rgb(3, 106, 7);
}

.ace-tm .ace_comment {
  color: rgb(76, 136, 107);
}

.ace-tm .ace_comment.ace_doc {
  color: rgb(0, 102, 255);
}

.ace-tm .ace_comment.ace_doc.ace_tag {
  color: rgb(128, 159, 191);
}

.ace-tm .ace_constant.ace_numeric {
  color: rgb(0, 0, 205);
}

.ace-tm .ace_variable {
  color: rgb(49, 132, 149);
}

.ace-tm .ace_xml-pe {
  color: rgb(104, 104, 91);
}

.ace-tm .ace_entity.ace_name.ace_function {
  color: #0000A2;
}


.ace-tm .ace_heading {
  color: rgb(12, 7, 255);
}

.ace-tm .ace_list {
  color:rgb(185, 6, 144);
}

.ace-tm .ace_meta.ace_tag {
  color:rgb(0, 22, 142);
}

.ace-tm .ace_string.ace_regex {
  color: rgb(255, 0, 0)
}

.ace-tm .ace_marker-layer .ace_selection {
  background: rgb(181, 213, 255);
}
.ace-tm.ace_multiselect .ace_selection.ace_start {
  box-shadow: 0 0 3px 0px white;
}
.ace-tm .ace_marker-layer .ace_step {
  background: rgb(252, 255, 0);
}

.ace-tm .ace_marker-layer .ace_stack {
  background: rgb(164, 229, 101);
}

.ace-tm .ace_marker-layer .ace_bracket {
  margin: -1px 0 0 -1px;
  border: 1px solid rgb(192, 192, 192);
}

.ace-tm .ace_marker-layer .ace_active-line {
  background: rgba(0, 0, 0, 0.07);
}

.ace-tm .ace_gutter-active-line {
    background-color : #dcdcdc;
}

.ace-tm .ace_marker-layer .ace_selected-word {
  background: rgb(250, 250, 255);
  border: 1px solid rgb(200, 200, 250);
}

.ace-tm .ace_indent-guide {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==") right repeat-y;
}

.ace-tm .ace_indent-guide-active {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAZSURBVHjaYvj///9/hivKyv8BAAAA//8DACLqBhbvk+/eAAAAAElFTkSuQmCC") right repeat-y;
}

/*# sourceURL=ace/css/ace-tm */</style><style id="ace_editor.css">
.ace_br1 {border-top-left-radius    : 3px;}
.ace_br2 {border-top-right-radius   : 3px;}
.ace_br3 {border-top-left-radius    : 3px; border-top-right-radius:    3px;}
.ace_br4 {border-bottom-right-radius: 3px;}
.ace_br5 {border-top-left-radius    : 3px; border-bottom-right-radius: 3px;}
.ace_br6 {border-top-right-radius   : 3px; border-bottom-right-radius: 3px;}
.ace_br7 {border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px;}
.ace_br8 {border-bottom-left-radius : 3px;}
.ace_br9 {border-top-left-radius    : 3px; border-bottom-left-radius:  3px;}
.ace_br10{border-top-right-radius   : 3px; border-bottom-left-radius:  3px;}
.ace_br11{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-left-radius:  3px;}
.ace_br12{border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br13{border-top-left-radius    : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br14{border-top-right-radius   : 3px; border-bottom-right-radius: 3px; border-bottom-left-radius:  3px;}
.ace_br15{border-top-left-radius    : 3px; border-top-right-radius:    3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}


.ace_editor {
    position: relative;
    overflow: hidden;
    padding: 0;
    font: 12px/normal 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'Source Code Pro', 'source-code-pro', monospace;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    forced-color-adjust: none;
}

.ace_scroller {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    background-color: inherit;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: text;
}

.ace_content {
    position: absolute;
    box-sizing: border-box;
    min-width: 100%;
    contain: style size layout;
    font-variant-ligatures: no-common-ligatures;
}

.ace_keyboard-focus:focus {
    box-shadow: inset 0 0 0 2px #5E9ED6;
    outline: none;
}

.ace_dragging .ace_scroller:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(250, 250, 250, 0.01);
    z-index: 1000;
}
.ace_dragging.ace_dark .ace_scroller:before{
    background: rgba(0, 0, 0, 0.01);
}

.ace_gutter {
    position: absolute;
    overflow : hidden;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    cursor: default;
    z-index: 4;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    contain: style size layout;
}

.ace_gutter-active-line {
    position: absolute;
    left: 0;
    right: 0;
}

.ace_scroller.ace_scroll-left:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 17px 0 16px -16px rgba(0, 0, 0, 0.4) inset;
    pointer-events: none;
}

.ace_gutter-cell, .ace_gutter-cell_svg-icons {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 19px;
    padding-right: 6px;
    background-repeat: no-repeat;
}

.ace_gutter-cell_svg-icons .ace_gutter_annotation {
    margin-left: -14px;
    float: left;
}

.ace_gutter-cell .ace_gutter_annotation {
    margin-left: -19px;
    float: left;
}

.ace_gutter-cell.ace_error, .ace_icon.ace_error, .ace_icon.ace_error_fold, .ace_gutter-cell.ace_security, .ace_icon.ace_security, .ace_icon.ace_security_fold {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_gutter-cell.ace_warning, .ace_icon.ace_warning, .ace_icon.ace_warning_fold {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAmVBMVEX///8AAAD///8AAAAAAABPSzb/5sAAAAB/blH/73z/ulkAAAAAAAD85pkAAAAAAAACAgP/vGz/rkDerGbGrV7/pkQICAf////e0IsAAAD/oED/qTvhrnUAAAD/yHD/njcAAADuv2r/nz//oTj/p064oGf/zHAAAAA9Nir/tFIAAAD/tlTiuWf/tkIAAACynXEAAAAAAAAtIRW7zBpBAAAAM3RSTlMAABR1m7RXO8Ln31Z36zT+neXe5OzooRDfn+TZ4p3h2hTf4t3k3ucyrN1K5+Xaks52Sfs9CXgrAAAAjklEQVR42o3PbQ+CIBQFYEwboPhSYgoYunIqqLn6/z8uYdH8Vmdnu9vz4WwXgN/xTPRD2+sgOcZjsge/whXZgUaYYvT8QnuJaUrjrHUQreGczuEafQCO/SJTufTbroWsPgsllVhq3wJEk2jUSzX3CUEDJC84707djRc5MTAQxoLgupWRwW6UB5fS++NV8AbOZgnsC7BpEAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_gutter-cell.ace_info, .ace_icon.ace_info, .ace_gutter-cell.ace_hint, .ace_icon.ace_hint {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAAB2k804AAAAPklEQVQY02NgIB68QuO3tiLznjAwpKTgNyDbMegwisCHZUETUZV0ZqOquBpXj2rtnpSJT1AEnnRmL2OgGgAAIKkRQap2htgAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position: 2px center;
}

.ace_dark .ace_gutter-cell.ace_info, .ace_dark .ace_icon.ace_info, .ace_dark .ace_gutter-cell.ace_hint, .ace_dark .ace_icon.ace_hint {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEUAAAChoaGAgIAqKiq+vr6tra1ZWVmUlJSbm5s8PDxubm56enrdgzg3AAAAAXRSTlMAQObYZgAAAClJREFUeNpjYMAPdsMYHegyJZFQBlsUlMFVCWUYKkAZMxZAGdxlDMQBAG+TBP4B6RyJAAAAAElFTkSuQmCC");
}

.ace_icon_svg.ace_error {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJyZWQiIHNoYXBlLXJlbmRlcmluZz0iZ2VvbWV0cmljUHJlY2lzaW9uIj4KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iOCIgY3k9IjgiIHI9IjciIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGxpbmUgeDE9IjExIiB5MT0iNSIgeDI9IjUiIHkyPSIxMSIvPgo8bGluZSB4MT0iMTEiIHkxPSIxMSIgeDI9IjUiIHkyPSI1Ii8+CjwvZz4KPC9zdmc+");
    background-color: crimson;
}
.ace_icon_svg.ace_security {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iZGFya29yYW5nZSIgZmlsbD0ibm9uZSIgc2hhcGUtcmVuZGVyaW5nPSJnZW9tZXRyaWNQcmVjaXNpb24iPgogICAgICAgIDxwYXRoIGNsYXNzPSJzdHJva2UtbGluZWpvaW4tcm91bmQiIGQ9Ik04IDE0LjgzMDdDOCAxNC44MzA3IDIgMTIuOTA0NyAyIDguMDg5OTJWMy4yNjU0OEM1LjMxIDMuMjY1NDggNy45ODk5OSAxLjM0OTE4IDcuOTg5OTkgMS4zNDkxOEM3Ljk4OTk5IDEuMzQ5MTggMTAuNjkgMy4yNjU0OCAxNCAzLjI2NTQ4VjguMDg5OTJDMTQgMTIuOTA0NyA4IDE0LjgzMDcgOCAxNC44MzA3WiIvPgogICAgICAgIDxwYXRoIGQ9Ik0yIDguMDg5OTJWMy4yNjU0OEM1LjMxIDMuMjY1NDggNy45ODk5OSAxLjM0OTE4IDcuOTg5OTkgMS4zNDkxOCIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMy45OSA4LjA4OTkyVjMuMjY1NDhDMTAuNjggMy4yNjU0OCA4IDEuMzQ5MTggOCAxLjM0OTE4Ii8+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTggNFY5Ii8+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTggMTBWMTIiLz4KICAgIDwvZz4KPC9zdmc+");
    background-color: crimson;
}
.ace_icon_svg.ace_warning {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJkYXJrb3JhbmdlIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+Cjxwb2x5Z29uIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGZpbGw9Im5vbmUiIHBvaW50cz0iOCAxIDE1IDE1IDEgMTUgOCAxIi8+CjxyZWN0IHg9IjgiIHk9IjEyIiB3aWR0aD0iMC4wMSIgaGVpZ2h0PSIwLjAxIi8+CjxsaW5lIHgxPSI4IiB5MT0iNiIgeDI9IjgiIHkyPSIxMCIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: darkorange;
}
.ace_icon_svg.ace_info {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiI+CjxnIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlPSJibHVlIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CjxjaXJjbGUgZmlsbD0ibm9uZSIgY3g9IjgiIGN5PSI4IiByPSI3IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjxwb2x5bGluZSBwb2ludHM9IjggMTEgOCA4Ii8+Cjxwb2x5bGluZSBwb2ludHM9IjkgOCA2IDgiLz4KPGxpbmUgeDE9IjEwIiB5MT0iMTEiIHgyPSI2IiB5Mj0iMTEiLz4KPHJlY3QgeD0iOCIgeT0iNSIgd2lkdGg9IjAuMDEiIGhlaWdodD0iMC4wMSIvPgo8L2c+Cjwvc3ZnPg==");
    background-color: royalblue;
}
.ace_icon_svg.ace_hint {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZyBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0ic2lsdmVyIiBmaWxsPSJub25lIiBzaGFwZS1yZW5kZXJpbmc9Imdlb21ldHJpY1ByZWNpc2lvbiI+CiAgICAgICAgPHBhdGggY2xhc3M9InN0cm9rZS1saW5lam9pbi1yb3VuZCIgZD0iTTYgMTRIMTAiLz4KICAgICAgICA8cGF0aCBkPSJNOCAxMUg5QzkgOS40NzAwMiAxMiA4LjU0MDAyIDEyIDUuNzYwMDJDMTIuMDIgNC40MDAwMiAxMS4zOSAzLjM2MDAyIDEwLjQzIDIuNjcwMDJDOSAxLjY0MDAyIDcuMDAwMDEgMS42NDAwMiA1LjU3MDAxIDIuNjcwMDJDNC42MTAwMSAzLjM2MDAyIDMuOTggNC40MDAwMiA0IDUuNzYwMDJDNCA4LjU0MDAyIDcuMDAwMDEgOS40NzAwMiA3LjAwMDAxIDExSDhaIi8+CiAgICA8L2c+Cjwvc3ZnPg==");
    background-color: silver;
}

.ace_icon_svg.ace_error_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZD0ibSAxOC45Mjk4NTEsNy44Mjk4MDc2IGMgMC4xNDYzNTMsNi4zMzc0NjA0IC02LjMyMzE0Nyw3Ljc3Nzg0NDQgLTcuNDc3OTEyLDcuNzc3ODQ0NCAtMi4xMDcyNzI2LC0wLjEyODc1IDUuMTE3Njc4LDAuMzU2MjQ5IDUuMDUxNjk4LC03Ljg3MDA2MTggLTAuNjA0NjcyLC04LjAwMzk3MzQ5IC03LjA3NzI3MDYsLTcuNTYzMTE4OSAtNC44NTczLC03LjQzMDM5NTU2IDEuNjA2LC0wLjExNTE0MjI1IDYuODk3NDg1LDEuMjYyNTQ1OTYgNy4yODM1MTQsNy41MjI2MTI5NiB6IiBmaWxsPSJjcmltc29uIiBzdHJva2Utd2lkdGg9IjIiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibSA4LjExNDc1NjIsMi4wNTI5ODI4IGMgMy4zNDkxNjk4LDAgNi4wNjQxMzI4LDIuNjc2ODYyNyA2LjA2NDEzMjgsNS45Nzg5NTMgMCwzLjMwMjExMjIgLTIuNzE0OTYzLDUuOTc4OTIwMiAtNi4wNjQxMzI4LDUuOTc4OTIwMiAtMy4zNDkxNDczLDAgLTYuMDY0MTc3MiwtMi42NzY4MDggLTYuMDY0MTc3MiwtNS45Nzg5MjAyIDAuMDA1MzksLTMuMjk5ODg2MSAyLjcxNzI2NTYsLTUuOTczNjQwOCA2LjA2NDE3NzIsLTUuOTc4OTUzIHogbSAwLC0xLjczNTgyNzE5IGMgLTQuMzIxNDgzNiwwIC03LjgyNDc0MDM4LDMuNDU0MDE4NDkgLTcuODI0NzQwMzgsNy43MTQ3ODAxOSAwLDQuMjYwNzI4MiAzLjUwMzI1Njc4LDcuNzE0NzQ1MiA3LjgyNDc0MDM4LDcuNzE0NzQ1MiA0LjMyMTQ0OTgsMCA3LjgyNDY5OTgsLTMuNDU0MDE3IDcuODI0Njk5OCwtNy43MTQ3NDUyIDAsLTIuMDQ2MDkxNCAtMC44MjQzOTIsLTQuMDA4MzY3MiAtMi4yOTE3NTYsLTUuNDU1MTc0NiBDIDEyLjE4MDIyNSwxLjEyOTk2NDggMTAuMTkwMDEzLDAuMzE3MTU1NjEgOC4xMTQ3NTYyLDAuMzE3MTU1NjEgWiBNIDYuOTM3NDU2Myw4LjI0MDU5ODUgNC42NzE4Njg1LDEwLjQ4NTg1MiA2LjAwODY4MTQsMTEuODc2NzI4IDguMzE3MDAzNSw5LjYwMDc5MTEgMTAuNjI1MzM3LDExLjg3NjcyOCAxMS45NjIxMzgsMTAuNDg1ODUyIDkuNjk2NTUwOCw4LjI0MDU5ODUgMTEuOTYyMTM4LDYuMDA2ODA2NiAxMC41NzMyNDYsNC42Mzc0MzM1IDguMzE3MDAzNSw2Ljg3MzQyOTcgNi4wNjA3NjA3LDQuNjM3NDMzNSA0LjY3MTg2ODUsNi4wMDY4MDY2IFoiIGZpbGw9ImNyaW1zb24iIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=");
    background-color: crimson;
}
.ace_icon_svg.ace_security_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTcgMTQiIGZpbGw9Im5vbmUiPgogICAgPHBhdGggZD0iTTEwLjAwMDEgMTMuNjk5MkMxMC4wMDAxIDEzLjY5OTIgMTEuOTI0MSAxMy40NzYzIDEzIDEyLjY5OTJDMTQuNDEzOSAxMS42NzgxIDE2IDEwLjUgMTYuMTI1MSA2LjgxMTI2VjIuNTg5ODdDMTYuMTI1MSAyLjU0NzY4IDE2LjEyMjEgMi41MDYxOSAxNi4xMTY0IDIuNDY1NTlWMS43MTQ4NUgxNS4yNDE0TDE1LjIzMDcgMS43MTQ4NEwxNC42MjUxIDEuNjk5MjJWNi44MTEyM0MxNC42MjUxIDguNTEwNjEgMTQuNjI1MSA5LjQ2NDYxIDEyLjc4MjQgMTEuNzIxQzEyLjE1ODYgMTIuNDg0OCAxMC4wMDAxIDEzLjY5OTIgMTAuMDAwMSAxMy42OTkyWiIgZmlsbD0iY3JpbXNvbiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuMzM2MDkgMC4zNjc0NzVDNy4wMzIxNCAwLjE1MjY1MiA2LjYyNTQ4IDAuMTUzNjE0IDYuMzIyNTMgMC4zNjk5OTdMNi4zMDg2OSAwLjM3OTU1NEM2LjI5NTUzIDAuMzg4NTg4IDYuMjczODggMC40MDMyNjYgNi4yNDQxNyAwLjQyMjc4OUM2LjE4NDcxIDAuNDYxODYgNi4wOTMyMSAwLjUyMDE3MSA1Ljk3MzEzIDAuNTkxMzczQzUuNzMyNTEgMC43MzQwNTkgNS4zNzk5IDAuOTI2ODY0IDQuOTQyNzkgMS4xMjAwOUM0LjA2MTQ0IDEuNTA5NyAyLjg3NTQxIDEuODgzNzcgMS41ODk4NCAxLjg4Mzc3SDAuNzE0ODQ0VjIuNzU4NzdWNi45ODAxNUMwLjcxNDg0NCA5LjQ5Mzc0IDIuMjg4NjYgMTEuMTk3MyAzLjcwMjU0IDEyLjIxODVDNC40MTg0NSAxMi43MzU1IDUuMTI4NzQgMTMuMTA1MyA1LjY1NzMzIDEzLjM0NTdDNS45MjI4NCAxMy40NjY0IDYuMTQ1NjYgMTMuNTU1OSA2LjMwNDY1IDEzLjYxNjFDNi4zODQyMyAxMy42NDYyIDYuNDQ4MDUgMTMuNjY5IDYuNDkzNDkgMTMuNjg0OEM2LjUxNjIyIDEzLjY5MjcgNi41MzQzOCAxMy42OTg5IDYuNTQ3NjQgMTMuNzAzM0w2LjU2MzgyIDEzLjcwODdMNi41NjkwOCAxMy43MTA0TDYuNTcwOTkgMTMuNzExTDYuODM5ODQgMTMuNzUzM0w2LjU3MjQyIDEzLjcxMTVDNi43NDYzMyAxMy43NjczIDYuOTMzMzUgMTMuNzY3MyA3LjEwNzI3IDEzLjcxMTVMNy4xMDg3IDEzLjcxMUw3LjExMDYxIDEzLjcxMDRMNy4xMTU4NyAxMy43MDg3TDcuMTMyMDUgMTMuNzAzM0M3LjE0NTMxIDEzLjY5ODkgNy4xNjM0NiAxMy42OTI3IDcuMTg2MTkgMTMuNjg0OEM3LjIzMTY0IDEzLjY2OSA3LjI5NTQ2IDEzLjY0NjIgNy4zNzUwMyAxMy42MTYxQzcuNTM0MDMgMTMuNTU1OSA3Ljc1Njg1IDEzLjQ2NjQgOC4wMjIzNiAxMy4zNDU3QzguNTUwOTUgMTMuMTA1MyA5LjI2MTIzIDEyLjczNTUgOS45NzcxNSAxMi4yMTg1QzExLjM5MSAxMS4xOTczIDEyLjk2NDggOS40OTM3NyAxMi45NjQ4IDYuOTgwMThWMi43NTg4QzEyLjk2NDggMi43MTY2IDEyLjk2MTkgMi42NzUxMSAxMi45NTYxIDIuNjM0NTFWMS44ODM3N0gxMi4wODExQzEyLjA3NzUgMS44ODM3NyAxMi4wNzQgMS44ODM3NyAxMi4wNzA0IDEuODgzNzdDMTAuNzk3OSAxLjg4MDA0IDkuNjE5NjIgMS41MTEwMiA4LjczODk0IDEuMTI0ODZDOC43MzUzNCAxLjEyMzI3IDguNzMxNzQgMS4xMjE2OCA4LjcyODE0IDEuMTIwMDlDOC4yOTEwMyAwLjkyNjg2NCA3LjkzODQyIDAuNzM0MDU5IDcuNjk3NzkgMC41OTEzNzNDNy41Nzc3MiAwLjUyMDE3MSA3LjQ4NjIyIDAuNDYxODYgNy40MjY3NiAwLjQyMjc4OUM3LjM5NzA1IDAuNDAzMjY2IDcuMzc1MzkgMC4zODg1ODggNy4zNjIyNCAwLjM3OTU1NEw3LjM0ODk2IDAuMzcwMzVDNy4zNDg5NiAwLjM3MDM1IDcuMzQ4NDcgMC4zNzAwMiA3LjM0NTYzIDAuMzc0MDU0TDcuMzM3NzkgMC4zNjg2NTlMNy4zMzYwOSAwLjM2NzQ3NVpNOC4wMzQ3MSAyLjcyNjkxQzguODYwNCAzLjA5MDYzIDkuOTYwNjYgMy40NjMwOSAxMS4yMDYxIDMuNTg5MDdWNi45ODAxNUgxMS4yMTQ4QzExLjIxNDggOC42Nzk1MyAxMC4xNjM3IDkuOTI1MDcgOC45NTI1NCAxMC43OTk4QzguMzU1OTUgMTEuMjMwNiA3Ljc1Mzc0IDExLjU0NTQgNy4yOTc5NiAxMS43NTI3QzcuMTE2NzEgMTEuODM1MSA2Ljk2MDYyIDExLjg5OTYgNi44Mzk4NCAxMS45NDY5QzYuNzE5MDYgMTEuODk5NiA2LjU2Mjk3IDExLjgzNTEgNi4zODE3MyAxMS43NTI3QzUuOTI1OTUgMTEuNTQ1NCA1LjMyMzczIDExLjIzMDYgNC43MjcxNSAxMC43OTk4QzMuNTE2MDMgOS45MjUwNyAyLjQ2NDg0IDguNjc5NTUgMi40NjQ4NCA2Ljk4MDE4VjMuNTg5MDlDMy43MTczOCAzLjQ2MjM5IDQuODIzMDggMy4wODYzOSA1LjY1MDMzIDIuNzIwNzFDNi4xNDIyOCAyLjUwMzI0IDYuNTQ0ODUgMi4yODUzNyA2LjgzMjU0IDIuMTE2MjRDNy4xMjE4MSAyLjI4NTM1IDcuNTI3IDIuNTAzNTIgOC4wMjE5NiAyLjcyMTMxQzguMDI2MiAyLjcyMzE3IDguMDMwNDUgMi43MjUwNCA4LjAzNDcxIDIuNzI2OTFaTTUuOTY0ODQgMy40MDE0N1Y3Ljc3NjQ3SDcuNzE0ODRWMy40MDE0N0g1Ljk2NDg0Wk01Ljk2NDg0IDEwLjQwMTVWOC42NTE0N0g3LjcxNDg0VjEwLjQwMTVINS45NjQ4NFoiIGZpbGw9ImNyaW1zb24iIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=");
    background-color: crimson;
}
.ace_icon_svg.ace_warning_fold {
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAyMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC43NzY5IDE0LjczMzdMOC42NTE5MiAyLjQ4MzY5QzguMzI5NDYgMS44Mzg3NyA3LjQwOTEzIDEuODM4NzcgNy4wODY2NyAyLjQ4MzY5TDAuOTYxNjY5IDE0LjczMzdDMC42NzA3NzUgMTUuMzE1NSAxLjA5MzgzIDE2IDEuNzQ0MjkgMTZIMTMuOTk0M0MxNC42NDQ4IDE2IDE1LjA2NzggMTUuMzE1NSAxNC43NzY5IDE0LjczMzdaTTMuMTYwMDcgMTQuMjVMNy44NjkyOSA0LjgzMTU2TDEyLjU3ODUgMTQuMjVIMy4xNjAwN1pNOC43NDQyOSAxMS42MjVWMTMuMzc1SDYuOTk0MjlWMTEuNjI1SDguNzQ0MjlaTTYuOTk0MjkgMTAuNzVWNy4yNUg4Ljc0NDI5VjEwLjc1SDYuOTk0MjlaIiBmaWxsPSIjRUM3MjExIi8+CjxwYXRoIGQ9Ik0xMS4xOTkxIDIuOTUyMzhDMTAuODgwOSAyLjMxNDY3IDEwLjM1MzcgMS44MDUyNiA5LjcwNTUgMS41MDlMMTEuMDQxIDEuMDY5NzhDMTEuNjg4MyAwLjk0OTgxNCAxMi4zMzcgMS4yNzI2MyAxMi42MzE3IDEuODYxNDFMMTcuNjEzNiAxMS44MTYxQzE4LjM1MjcgMTMuMjkyOSAxNy41OTM4IDE1LjA4MDQgMTYuMDE4IDE1LjU3NDVDMTYuNDA0NCAxNC40NTA3IDE2LjMyMzEgMTMuMjE4OCAxNS43OTI0IDEyLjE1NTVMMTEuMTk5MSAyLjk1MjM4WiIgZmlsbD0iI0VDNzIxMSIvPgo8L3N2Zz4=");
    background-color: darkorange;
}

.ace_scrollbar {
    contain: strict;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 6;
}

.ace_scrollbar-inner {
    position: absolute;
    cursor: text;
    left: 0;
    top: 0;
}

.ace_scrollbar-v{
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
}

.ace_scrollbar-h {
    overflow-x: scroll;
    overflow-y: hidden;
    left: 0;
}

.ace_print-margin {
    position: absolute;
    height: 100%;
}

.ace_text-input {
    position: absolute;
    z-index: 0;
    width: 0.5em;
    height: 1em;
    opacity: 0;
    background: transparent;
    -moz-appearance: none;
    appearance: none;
    border: none;
    resize: none;
    outline: none;
    overflow: hidden;
    font: inherit;
    padding: 0 1px;
    margin: 0 -1px;
    contain: strict;
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text;
    user-select: text;
    /*with `pre-line` chrome inserts &nbsp; instead of space*/
    white-space: pre!important;
}
.ace_text-input.ace_composition {
    background: transparent;
    color: inherit;
    z-index: 1000;
    opacity: 1;
}
.ace_composition_placeholder { color: transparent }
.ace_composition_marker { 
    border-bottom: 1px solid;
    position: absolute;
    border-radius: 0;
    margin-top: 1px;
}

[ace_nocontext=true] {
    transform: none!important;
    filter: none!important;
    clip-path: none!important;
    mask : none!important;
    contain: none!important;
    perspective: none!important;
    mix-blend-mode: initial!important;
    z-index: auto;
}

.ace_layer {
    z-index: 1;
    position: absolute;
    overflow: hidden;
    /* workaround for chrome bug https://github.com/ajaxorg/ace/issues/2312*/
    word-wrap: normal;
    white-space: pre;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    /* setting pointer-events: auto; on node under the mouse, which changes
        during scroll, will break mouse wheel scrolling in Safari */
    pointer-events: none;
}

.ace_gutter-layer {
    position: relative;
    width: auto;
    text-align: right;
    pointer-events: auto;
    height: 1000000px;
    contain: style size layout;
}

.ace_text-layer {
    font: inherit !important;
    position: absolute;
    height: 1000000px;
    width: 1000000px;
    contain: style size layout;
}

.ace_text-layer > .ace_line, .ace_text-layer > .ace_line_group {
    contain: style size layout;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.ace_hidpi .ace_text-layer,
.ace_hidpi .ace_gutter-layer,
.ace_hidpi .ace_content,
.ace_hidpi .ace_gutter {
    contain: strict;
}
.ace_hidpi .ace_text-layer > .ace_line, 
.ace_hidpi .ace_text-layer > .ace_line_group {
    contain: strict;
}

.ace_cjk {
    display: inline-block;
    text-align: center;
}

.ace_cursor-layer {
    z-index: 4;
}

.ace_cursor {
    z-index: 4;
    position: absolute;
    box-sizing: border-box;
    border-left: 2px solid;
    /* workaround for smooth cursor repaintng whole screen in chrome */
    transform: translatez(0);
}

.ace_multiselect .ace_cursor {
    border-left-width: 1px;
}

.ace_slim-cursors .ace_cursor {
    border-left-width: 1px;
}

.ace_overwrite-cursors .ace_cursor {
    border-left-width: 0;
    border-bottom: 1px solid;
}

.ace_hidden-cursors .ace_cursor {
    opacity: 0.2;
}

.ace_hasPlaceholder .ace_hidden-cursors .ace_cursor {
    opacity: 0;
}

.ace_smooth-blinking .ace_cursor {
    transition: opacity 0.18s;
}

.ace_animate-blinking .ace_cursor {
    animation-duration: 1000ms;
    animation-timing-function: step-end;
    animation-name: blink-ace-animate;
    animation-iteration-count: infinite;
}

.ace_animate-blinking.ace_smooth-blinking .ace_cursor {
    animation-duration: 1000ms;
    animation-timing-function: ease-in-out;
    animation-name: blink-ace-animate-smooth;
}
    
@keyframes blink-ace-animate {
    from, to { opacity: 1; }
    60% { opacity: 0; }
}

@keyframes blink-ace-animate-smooth {
    from, to { opacity: 1; }
    45% { opacity: 1; }
    60% { opacity: 0; }
    85% { opacity: 0; }
}

.ace_marker-layer .ace_step, .ace_marker-layer .ace_stack {
    position: absolute;
    z-index: 3;
}

.ace_marker-layer .ace_selection {
    position: absolute;
    z-index: 5;
}

.ace_marker-layer .ace_bracket {
    position: absolute;
    z-index: 6;
}

.ace_marker-layer .ace_error_bracket {
    position: absolute;
    border-bottom: 1px solid #DE5555;
    border-radius: 0;
}

.ace_marker-layer .ace_active-line {
    position: absolute;
    z-index: 2;
}

.ace_marker-layer .ace_selected-word {
    position: absolute;
    z-index: 4;
    box-sizing: border-box;
}

.ace_line .ace_fold {
    box-sizing: border-box;

    display: inline-block;
    height: 11px;
    margin-top: -2px;
    vertical-align: middle;

    background-image:
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=");
    background-repeat: no-repeat, repeat-x;
    background-position: center center, top left;
    color: transparent;

    border: 1px solid black;
    border-radius: 2px;

    cursor: pointer;
    pointer-events: auto;
}

.ace_dark .ace_fold {
}

.ace_fold:hover{
    background-image:
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),
        url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACBJREFUeNpi+P//fz4TAwPDZxDxD5X4i5fLMEwJgAADAEPVDbjNw87ZAAAAAElFTkSuQmCC");
}

.ace_tooltip {
    background-color: #f5f5f5;
    border: 1px solid gray;
    border-radius: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: black;
    max-width: 100%;
    padding: 3px 4px;
    position: fixed;
    z-index: 999999;
    box-sizing: border-box;
    cursor: default;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    pointer-events: none;
    overflow: auto;
    max-width: min(60em, 66vw);
    overscroll-behavior: contain;
}
.ace_tooltip pre {
    white-space: pre-wrap;
}

.ace_tooltip.ace_dark {
    background-color: #636363;
    color: #fff;
}

.ace_tooltip:focus {
    outline: 1px solid #5E9ED6;
}

.ace_icon {
    display: inline-block;
    width: 18px;
    vertical-align: top;
}

.ace_icon_svg {
    display: inline-block;
    width: 12px;
    vertical-align: top;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 12px;
    -webkit-mask-position: center;
}

.ace_folding-enabled > .ace_gutter-cell, .ace_folding-enabled > .ace_gutter-cell_svg-icons {
    padding-right: 13px;
}

.ace_fold-widget {
    box-sizing: border-box;

    margin: 0 -12px 0 1px;
    display: none;
    width: 11px;
    vertical-align: top;

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;

    border-radius: 3px;
    
    border: 1px solid transparent;
    cursor: pointer;
}

.ace_folding-enabled .ace_fold-widget {
    display: inline-block;   
}

.ace_fold-widget.ace_end {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42m3HwQkAMAhD0YzsRchFKI7sAikeWkrxwScEB0nh5e7KTPWimZki4tYfVbX+MNl4pyZXejUO1QAAAABJRU5ErkJggg==");
}

.ace_fold-widget.ace_closed {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==");
}

.ace_fold-widget:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
}

.ace_fold-widget:active {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
}
/**
 * Dark version for fold widgets
 */
.ace_dark .ace_fold-widget {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHklEQVQIW2P4//8/AzoGEQ7oGCaLLAhWiSwB146BAQCSTPYocqT0AAAAAElFTkSuQmCC");
}
.ace_dark .ace_fold-widget.ace_end {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQIW2P4//8/AxQ7wNjIAjDMgC4AxjCVKBirIAAF0kz2rlhxpAAAAABJRU5ErkJggg==");
}
.ace_dark .ace_fold-widget.ace_closed {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAHElEQVQIW2P4//+/AxAzgDADlOOAznHAKgPWAwARji8UIDTfQQAAAABJRU5ErkJggg==");
}
.ace_dark .ace_fold-widget:hover {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}
.ace_dark .ace_fold-widget:active {
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2);
}

.ace_inline_button {
    border: 1px solid lightgray;
    display: inline-block;
    margin: -1px 8px;
    padding: 0 5px;
    pointer-events: auto;
    cursor: pointer;
}
.ace_inline_button:hover {
    border-color: gray;
    background: rgba(200,200,200,0.2);
    display: inline-block;
    pointer-events: auto;
}

.ace_fold-widget.ace_invalid {
    background-color: #FFB4B4;
    border-color: #DE5555;
}

.ace_fade-fold-widgets .ace_fold-widget {
    transition: opacity 0.4s ease 0.05s;
    opacity: 0;
}

.ace_fade-fold-widgets:hover .ace_fold-widget {
    transition: opacity 0.05s ease 0.05s;
    opacity:1;
}

.ace_underline {
    text-decoration: underline;
}

.ace_bold {
    font-weight: bold;
}

.ace_nobold .ace_bold {
    font-weight: normal;
}

.ace_italic {
    font-style: italic;
}


.ace_error-marker {
    background-color: rgba(255, 0, 0,0.2);
    position: absolute;
    z-index: 9;
}

.ace_highlight-marker {
    background-color: rgba(255, 255, 0,0.2);
    position: absolute;
    z-index: 8;
}

.ace_mobile-menu {
    position: absolute;
    line-height: 1.5;
    border-radius: 4px;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background: white;
    box-shadow: 1px 3px 2px grey;
    border: 1px solid #dcdcdc;
    color: black;
}
.ace_dark > .ace_mobile-menu {
    background: #333;
    color: #ccc;
    box-shadow: 1px 3px 2px grey;
    border: 1px solid #444;

}
.ace_mobile-button {
    padding: 2px;
    cursor: pointer;
    overflow: hidden;
}
.ace_mobile-button:hover {
    background-color: #eee;
    opacity:1;
}
.ace_mobile-button:active {
    background-color: #ddd;
}

.ace_placeholder {
    position: relative;
    font-family: arial;
    transform: scale(0.9);
    transform-origin: left;
    white-space: pre;
    opacity: 0.7;
    margin: 0 10px;
    z-index: 1;
}

.ace_ghost_text {
    opacity: 0.5;
    font-style: italic;
}

.ace_ghost_text_container > div {
    white-space: pre;
}

.ghost_text_line_wrapped::after {
    content: "↩";
    position: absolute;
}

.ace_lineWidgetContainer.ace_ghost_text {
    margin: 0px 4px
}

.ace_screenreader-only {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.ace_hidden_token {
    display: none;
}
/*# sourceURL=ace/css/ace_editor.css */</style><style id="ace_scrollbar.css">.ace_editor>.ace_sb-v div, .ace_editor>.ace_sb-h div{
  position: absolute;
  background: rgba(128, 128, 128, 0.6);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbb;
  border-radius: 2px;
  z-index: 8;
}
.ace_editor>.ace_sb-v, .ace_editor>.ace_sb-h {
  position: absolute;
  z-index: 6;
  background: none;
  overflow: hidden!important;
}
.ace_editor>.ace_sb-v {
  z-index: 6;
  right: 0;
  top: 0;
  width: 12px;
}
.ace_editor>.ace_sb-v div {
  z-index: 8;
  right: 0;
  width: 100%;
}
.ace_editor>.ace_sb-h {
  bottom: 0;
  left: 0;
  height: 12px;
}
.ace_editor>.ace_sb-h div {
  bottom: 0;
  height: 100%;
}
.ace_editor>.ace_sb_grabbed {
  z-index: 8;
  background: #000;
}
/*# sourceURL=ace/css/ace_scrollbar.css */</style> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Title and Description --> <title>Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier</title> <meta name="author" content="Jimmy"> <meta name="description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta name="keywords" content="jsbeautifier, Javascript Beautifier, prettify js, javascript formatter, js formatter, javascript Viewer, javascript prettify, javascript format"> <!-- End Title and Description --> <!-- Twitter --> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@codebeautify"> <meta name="twitter:title" content="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <meta name="twitter:description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta name="twitter:image" content="https://codebeautify.org/img/cb/jsviewer.png"> <meta name="twitter:url" content="https://codebeautify.org/jsviewer"> <meta name="twitter:creator" content="@codebeautify"> <!-- End Twitter --> <!-- General OG Types--> <meta property="og:title" content="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <meta property="og:description" content="Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format."> <meta property="og:image" content="https://codebeautify.org/img/cb/jsviewer.png"> <meta property="og:url" content="https://codebeautify.org/jsviewer"> <meta property="og:type" content="website"> <!-- End General OG Types--> <script type="application/ld+json">
        {
            "@context": "http://schema.org/",
            "@type": "WebSite",
            "name": "JavaScript Beautifier",
            "image": "https://codebeautify.org/img/cb/jsviewer.png",
            "url": "https://codebeautify.org/jsviewer",
            "description": "Secure JavaScript Beautifier, Viewer, Editor, Minify, Formatter, Obfuscator - Convert JS/Javascript Strings to a Friendly Readable Format.",
            "isPartOf": {
                "@type": "Website",
                "name": "Code Beautify",
                "url": "https://codebeautify.org"
            },
            "sameAs" : [
                "https://twitter.com/codebeautify"
            ]
        }
        </script> <!-- canonical --> <link rel="canonical" href="https://codebeautify.org/jsviewer"> <link href="/img/cb.png" rel="icon"> <!-- End canonical --> <!-- PLACE THIS SECTION INSIDE OF YOUR HEAD TAGS --> <!-- Below is a recommended list of pre-connections, which allow the network to establish each connection quicker, speeding up response times and improving ad performance. --> <link rel="preconnect" href="https://a.pub.network/" crossorigin=""> <link rel="preconnect" href="https://b.pub.network/" crossorigin=""> <link rel="preconnect" href="https://c.pub.network/" crossorigin=""> <link rel="preconnect" href="https://d.pub.network/" crossorigin=""> <link rel="preconnect" href="https://secure.quantserve.com/" crossorigin=""> <link rel="preconnect" href="https://rules.quantcount.com/" crossorigin=""> <link rel="preconnect" href="https://pixel.quantserve.com/" crossorigin=""> <link rel="preconnect" href="https://cmp.quantcast.com/" crossorigin=""> <link rel="preconnect" href="https://btloader.com/" crossorigin=""> <link rel="preconnect" href="https://api.btloader.com/" crossorigin=""> <link rel="preconnect" href="https://confiant-integrations.global.ssl.fastly.net" crossorigin=""> <!-- Below is a link to a CSS file that accounts for Cumulative Layout Shift, a new Core Web Vitals subset that Google uses to help rank your site in search --> <!-- The file is intended to eliminate the layout shifts that are seen when ads load into the page. If you don't want to use this, simply remove this file --> <!-- To find out more about CLS, visit https://web.dev/vitals/ --> <link rel="stylesheet" href="https://a.pub.network/codebeautify-org/cls.css"> <script data-cfasync="false" type="text/javascript">
  var freestar = freestar || {};
  freestar.queue = freestar.queue || [];
  freestar.config = freestar.config || {};
  freestar.config.enabled_slots = [];
  freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) }
</script> <script src="https://a.pub.network/codebeautify-org/pubfig.min.js" data-cfasync="false" async=""></script> <!-- CSS --> <!-- include CSS files dynamically based on Controller metadata footerjsinclude.php --> <!-- CSS files --> <link rel="stylesheet" href="/dist/9.2/css/b/b-main.min.css"> <!-- <link rel="stylesheet" href="css/debug.css"> --> <!-- end CSS --> <!-- Dynamic JS Loading --> <!-- Defer JS files to improve the performance !--> <script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.2/ace.js"></script> <script defer="" src="/dist/9.2/js/b/b-js-tools.min.js"></script> <!-- End Defer JS files to improve the performance !--> <!-- Async JS files to improve the performance !--> <script async="" src="//cdnjs.cloudflare.com/ajax/libs/js-beautify/1.14.9/beautify.min.js"></script> <!-- End Async JS files to improve the performance !--> <!-- End Dynamic JS Loading --> <script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js?network_code=15184186" data-owner="freestar" async="" type="text/javascript"></script><script src="https://a.pub.network/core/prebid-analytics-8.50.0.js" data-owner="freestar" async="" type="text/javascript"></script><script src="https://a.pub.network/codebeautify-org/pubfig.engine.js" data-owner="freestar" async="" type="text/javascript"></script><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script src="https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202411130102/pubads_impl.js" async=""></script><style type="text/css">.fs-sticky-footer {
    display: block;
    bottom: 0;
    right: 0;
    position: fixed;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 2147483647;
}
.fs-sticky-slot-element > div > iframe {
    margin: 0 !important;
}
.fs-sticky-slot-element > div {
    position: relative;
}
.fs-sticky-parent {
    z-index: 2147483647;
    bottom: 0;
    padding-top: 0px;
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
}
.fs-sticky-wrapper {
    background-color: #f6f3f3;
    display: inline-block;
    margin: auto;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    visibility: inherit;
    z-index: inherit;
}
.fs-overlay {
    width: 0%;
    height: 100%;
    position: fixed;
    z-index: 5000000;
    top: 0;
    left: 0;
    background: #888888;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.canvas-boxes {
    width: 100px;
    height: 100px;
}
.captcha-styles {
    text-align: center;
    width: 100%;
}
.fs-dynamic {
    text-align: center;
    clear: both;
}
.fs-iai {
    text-align: center;
    clear: both;
}
.fs-x-btn {
    position: absolute;
    top: 20px;
    right: 0px;
    cursor: pointer;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fs-l-btn {
    display: block;
    position: absolute;
    top: 14px;
    left: 5px;
    pointer-events: none;
    border-radius: 2px;
    width: 20px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.fs-r-btn {
    display: block;
    pointer-events: none;
    border-radius: 2px;
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.fs-btn-wrapper {
    display: inline-block;
}
.fs-pdu-x {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    background-color: #ffffff;
    background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.fs-close-button {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -webkit-transition: all 0.3s ease-in-out !important;
    appearance: none !important;
    background-color: #ffffff !important;
    background-image: url('https://a.pub.network/core/imgs/freestar_close_button.svg') !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    border: none !important;
    border-radius: 50% !important;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 1px rgba(247, 247, 247, 0.75) !important;
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 1px rgba(247, 247, 247, 0.75) !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    cursor: pointer !important;
    display: block !important;
    height: 20px !important;
    outline: none !important;
    padding: 0px !important;
    position: absolute !important;
    right: 25px !important;
    top: 25px !important;
    transition: all 0.3s ease-in-out !important;
    width: 20px !important;
}
.fs-close-button {
    all: unset;
}
.fs-close-button:hover,
.fs-close-button:focus {
    background-color: #000 !important;
}
.fs-sticky-popup-container {
    z-index: 2147483647 !important;
}
.fs-sticky-popup-container {
    font-size: 0.8em;
    text-align: center;
    font-family: 'arial';
    white-space: nowrap;
    width: auto;
    height: auto;
    padding: 7px;
    -webkit-filter: drop-shadow(2px 2px 2px grey);
            filter: drop-shadow(2px 2px 2px grey);
}
.fs-sticky-popup-container a:nth-child(2) {
    border-top: 1px solid #999;
}
.fs-close-button:hover {
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 8px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 8px rgba(247, 247, 247, 0.75);
}
.fs-close-button-pushdown {
    right: 12px !important;
    top: 12px !important;
}
.fs-close-button-zerg-interstitial {
    right: -5px !important;
    top: -5px !important;
}
.fs-close-button-zerg-interstitial {
    -webkit-transform: scale(1.25);
            transform: scale(1.25);
}
@media screen and (min-width: 820px) {
    .fs-close-button-sticky {
        top: 9.3% !important;
        right: 10px !important;
    }
}
@media screen and (max-width: 820px) {
    .fs-close-button-sticky {
        top: 3px !important;
        right: 10px !important;
    }
    .fs-close-button-pushdown {
        top: 0 !important;
        right: 0 !important;
    }
    .sticky-reportThisAd button:after {
        right: -25px !important;
    }
    .pushdown-reportThisAd button:after {
        top: 30px !important;
        right: -38px !important;
    }
}
.fs-pushdown {
    background-color: rgba(247, 247, 247, 0.9);
    top: 0;
    text-align: center;
    z-index: 2147483647;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-pushdown-sticky {
    position: sticky !important;
    left: 0 !important;
}
.fs-pushdown-sticky {
    background-color: rgba(247, 247, 247, 0.9);
    top: 0;
    text-align: center;
    z-index: 2147483647;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.freestar_report_button {
    border: none;
    font-family: sans-serif;
    font-size: 9px;
    cursor: pointer;
    color: #646464;
}
._fsBranding {
    position: relative;
}
._fsBranding a {
    max-height: none;
    max-height: initial;
    background-color: transparent;
    background-color: initial;
    margin-bottom: 0;
    margin-bottom: initial;
    border: medium none currentcolor;
    border: initial;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-transition: all 0.3s ease-in-out;
    appearance: none;
    background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 30px;
    outline: none;
    position: absolute;
    left: 6px;
    top: 6px;
    transition: all 0.3s ease-in-out;
    width: 30px;
    min-width: 0;
    min-width: initial;
}
@media screen and (max-width: 820px) {
    ._fsBranding a {
        top: -30px;
        background-color: rgba(247, 247, 247, 0.75);
        background-size: 58%;
    }
}
.fs-report-ad-img {
    width: 60%;
    margin: 9px;
}
#freestar_overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    top: 0;
    left: 0;
    position: fixed;
}
#freestar_overlay_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
}
#freestar_report_ad {
    background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#freestar_report_ad::before {
    background: rgba(255, 255, 255, 1) !important;
}
#freestar_report_ad::before {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#freestar_report_ad_text_center {
    text-align: center;
}
.freestar_close_btn {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    background-color: rgb(255, 255, 255);
}
.freestar_close_btn:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.freestar_close_btn:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.freestar_report_btn {
    background: #00c389 !important;
    cursor: pointer !important;
    border: none !important;
    border-radius: 30px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_btn {
    margin: 20px;
    outline: 0;
}
.freestar_report_btn:focus {
    outline: 0;
}
#freestar_report_div {
    font-family: Arial, Helvetica, sans-serif !important;
}
#freestar_report_div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.freestar_report_sub_header {
    color: #00c389 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}
.freestar_report_sub_header {
    margin: 23px;
}
.fs_report_container span {
    margin-left: 10px;
}
.fs_checkbox {
    cursor: pointer;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.fs_checkbox > span {
    color: #34495e;
    margin-left: 5px;
    /*padding: 0.5rem 0.25rem;
	*/
}
.fs_checkbox > input {
    height: 15px;
    width: 15px;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border: 1px solid #34495e;
    border-radius: 4px;
    outline: none;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
    background-color: #41b883;
    cursor: pointer;
    margin-bottom: 3px;
}
.fs_checkbox > input:checked {
    border: 1px solid #41b883;
    background-color: #34495e;
}
.fs_checkbox > input:checked + span::before {
    display: block;
    text-align: center;
    color: #41b883;
    /*position: absolute;
	*/
    /*left: 0.7rem;
	*/
    /*top: 0.2rem;
	*/
}
.fs_checkbox > input:active {
    border: 2px solid #34495e;
}
.fs-new-close-container {
    top: calc(50% - 250px);
    right: calc(50% - 250px);
    position: absolute;
}
@media screen and (max-width: 820px) {
    .fs-new-close-container {
        top: 15%;
        right: calc(50% - 131px);
    }
}
.fs-new-close {
    margin-left: 30%;
    margin-bottom: 5%;
    cursor: pointer;
}
.fs-new-close:hover {
    opacity: 1;
}
.fs-new-close:before,
.fs-new-close:after {
    position: absolute;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: rgb(255, 255, 255);
}
.fs-new-close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.fs-new-close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.__fs-ancillary {
    --childHeight: 16px;
    width: 100%;
    width: var(--childWidth, 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin: 0 auto;
    height: 16px;
    height: var(--childHeight);
    visibility: hidden;
}
.fs-sticky-wrapper .__fs-ancillary {
    display: none !important;
}
.__fs-report-this-ad {
    line-height: 0px;
}
.__fs-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.__fs-branding > a {
    width: 100%;
    max-width: var(--childWidth);
    height: var(--childHeight);
    display: block;
}
.__fs-branding > a > img {
    height: calc(var(--childHeight) - 2px) !important;
    width: auto !important;
    width: initial !important;
}
.__fs-branding > a > img {
    max-height: none;
    max-height: initial;
    background-color: transparent;
    background-color: initial;
    background-image: none;
    background-image: initial;
    border: medium none currentcolor;
    border: initial;
    background-repeat: repeat;
    background-repeat: initial;
    background-position: 0 0;
    background-position: initial;
    margin: 5px 0;
    display: block;
    float: left;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.fs-sticky-wrapper .__fs-branding {
    position: absolute;
    top: 0;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}
.fs-sticky-wrapper .__fs-branding {
    position: absolute;
    top: 50%;
    right: 6px;
    border: none;
    border-radius: 50%;
}
.fs-mobile-tall {
    top: 30% !important;
}
.fs-sticky-wrapper .__fs-branding > a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    width: 100% !important;
    height: 100% !important;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    opacity: 1;
}
@media screen and (max-width: 820px) {
    .fs-sticky-wrapper .__fs-branding > a > img {
        width: 70% !important;
        height: 70% !important;
    }
    .fs-sticky-wrapper .__fs-branding > a > img {
        opacity: 1;
    }
}
.fs-sticky-wrapper .__fs-branding {
    background-color: rgba(247, 247, 247, 0.75);
    background-size: 58%;
}
.fs-sticky-wrapper .__fs-branding > a > img {
    width: 90%;
    height: 90%;
}
.fs-sticky-wrapper {
    background-color: #f6f3f3;
    padding-right: 38px;
    display: inline-block;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    visibility: inherit;
    z-index: inherit;
}
.fs-interstitial-overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    top: 0;
    left: 0;
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    visibility: hidden;
}
.fs-interstitial-container {
    width: 1000px;
    height: 650px;
    background: rgb(255, 255, 255);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.fs-interstitial-ad-space {
    width: 970px;
    height: 250px;
    -ms-flex-item-align: center;
        align-self: center;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 250px;
    overflow: hidden;
}
.fs-interstitial-content {
    width: 100%;
    height: 250px;
    -ms-flex-item-align: center;
        align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.fs-interstitial-message-container {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.fs-interstitial-message {
    color: #17181f;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 40px;
    -ms-flex-item-align: center;
        align-self: center;
    padding: 10px;
}
.fs-interstitial-close-container {
    width: 1000px;
    height: 50px;
    position: relative;
}
.fs-interstitial-branding {
    background-image: url('https://a.pub.network/core/imgs/fslogo-green.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    height: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    width: 30px;
    min-width: 0;
    min-width: initial;
    margin-left: 56%;
}
.fs-interstitial-container .zegrow {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}
.fs-interstitial-container .zergentity {
    width: 237px !important;
    margin: 0px 8px 0px 5px !important;
}
.fs-interstitial-container .widget-loaded {
    -ms-flex-item-align: center !important;
        align-self: center !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0) !important;
}
.fs_interstitial_branding_link img {
    width: 200px;
    padding-bottom: 16px;
}
.fs_interstitial_branding_link {
    -ms-flex-item-align: center !important;
        align-self: center !important;
}
#freestar-video-parent,
#freestar-video-child {
    max-width: 100vw !important;
}
#freestar-video-parent,
#freestar-video-child {
    width: 100%;
    overflow: hidden;
}
.freestar_report_comments {
    font-family: Arial, Helvetica, sans-serif !important;
}
.freestar_report_comments {
    padding-top: 10px;
    margin-top: 10px;
}
#freestar_report_comment_box_wrapper {
    width: 100%;
    height: 90px;
}
.sticky-reportThisAd button {
    visibility: hidden;
    position: relative;
}
.sticky-reportThisAd button:after {
    content: '';
    background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
    background-size: 18px;
    visibility: visible;
    position: absolute;
    moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: -25px;
    top: 0px;
    width: 20px;
    min-width: 0;
    min-width: initial;
}
.sticky-reportThisAd {
    content: '\127987';
    cursor: pointer;
    background: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
    position: absolute;
    right: -3px;
    top: 50%;
    z-index: 2147483647;
}
.pushdown-reportThisAd button {
    visibility: hidden;
    position: relative;
}
.pushdown-reportThisAd button:after {
    content: '';
    background-image: url('https://a.pub.network/core/imgs/freestar_report_ad_icon.png');
    background-size: 18px;
    visibility: visible;
    position: absolute;
    moz-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    background-color: #ffffff;
    background-position: 50%;
    background-repeat: no-repeat;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
            box-shadow:
        0 0 0 1px #888888,
        0 0 0 6px rgba(247, 247, 247, 0.75);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 20px;
    outline: none;
    padding: 0px;
    position: absolute;
    right: -37.5px;
    top: 35px;
    width: 20px;
    min-width: 0;
    min-width: initial;
}
.pushdown-reportThisAd {
    content: '\127987';
    cursor: pointer;
    background: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
    position: absolute;
    right: 50px;
    top: 5px;
    z-index: 2147483647;
}
.center-ad {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
._wrapper .orp-player-wrapper {
    width: 100% !important;
    height: 100% !important;
}
</style><style type="text/css">.fs-flying-carpet {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #00c389), to(black));
    background: linear-gradient(to bottom, #00c389 10%, black 100%);
    position: relative;
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    height: 175vh;
    margin: 0 -1.1rem 0.5rem;
}

.fs-flying-carpet-ad-container {
    margin: 0 auto;
    position: sticky;
    top: 0;
    -ms-flex-item-align: center;
        align-self: center;
    padding-top: 10vh;
    padding-bottom: 10vh;
    bottom: 10vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.fs-powered-by {
    font-size: 18px;
    color: #00c389;
    position: absolute;
    bottom: 0;
    background-color: black;
    width: 100%;
    height: 6vh;
    text-align: center;
    padding: 10px 0;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.fs-flying-carpet-header {
    font-family: Arial, Helvetica, sans-serif !important;
}

.fs-flying-carpet-header {
    font-size: 11px;
    color: white;
    position: absolute;
    top: 0;
    background-color: #34495e;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
}

/* fc v2 */
.fs-flying-carpet-v2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.fs-flying-carpet-v2-ad-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 300px;
    height: 65vh;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.fs-flying-carpet-v2-text-border {
    width: 100%;
    background-color: #333;
    color: #fff;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
    padding: 5px 0;
    letter-spacing: 1px;
}
</style><script src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" data-owner="freestar" async="" type="text/javascript"></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.3/gdpr-tcf.0b327789b5d246674c71.bundle.js"></script><script charset="utf-8" src="https://cdn.privacy-mgmt.com/unified/4.25.3/usnat.9dc87f68478d1cf38b3d.bundle.js"></script><style type="text/css">#sp_message_iframe_1199859 { display:block; width: 100%; height: 100%; border: 0 none; } #sp_message_container_1199859 { overflow:auto;-webkit-overflow-scrolling:touch; display: none; position: fixed; z-index: 2147483647; left: 0; right: 0; bottom: 0; top: 0; height: 100%; width: 100%; max-width: 100%; max-height: 100vh;}.sp-message-open { height: 100vh !important; width: 100vw !important } .sp-message-open body { overflow: hidden !important; position: fixed !important; margin-top: 0px !important; top: 0px !important; left: 0px !important; right: 0px !important; }</style></head><body><svg xmlns="http://www.w3.org/2000/svg" class="is-hidden"> <!-- fa 6 --> <symbol id="chrome" viewBox="0 0 496 512"> <path fill="currentColor" d="M131.5 217.5L55.1 100.1c47.6-59.2 119-91.8 192-92.1 42.3-.3 85.5 10.5 124.8 33.2 43.4 25.2 76.4 61.4 97.4 103L264 133.4c-58.1-3.4-113.4 29.3-132.5 84.1zm32.9 38.5c0 46.2 37.4 83.6 83.6 83.6s83.6-37.4 83.6-83.6-37.4-83.6-83.6-83.6-83.6 37.3-83.6 83.6zm314.9-89.2L339.6 174c37.9 44.3 38.5 108.2 6.6 157.2L234.1 503.6c46.5 2.5 94.4-7.7 137.8-32.9 107.4-62 150.9-192 107.4-303.9zM133.7 303.6L40.4 120.1C14.9 159.1 0 205.9 0 256c0 124 90.8 226.7 209.5 244.9l63.7-124.8c-57.6 10.8-113.2-20.8-139.5-72.5z"></path> </symbol> <symbol id="twitter" viewBox="0 0 16 16"> <path fill="currentColor" d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path> </symbol> <symbol id="facebook-f" viewBox="0 0 512 512"> <path fill="currentColor" d="M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z"></path> </symbol> <symbol id="linkedin" viewBox="0 0 448 512"> <path fill="currentColor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path> </symbol> <symbol id="graduation-cap" viewBox="0 0 640 512"> <path fill="currentColor" d="M623.1 136.9l-282.7-101.2c-13.73-4.91-28.7-4.91-42.43 0L16.05 136.9C6.438 140.4 0 149.6 0 160s6.438 19.65 16.05 23.09L76.07 204.6c-11.89 15.8-20.26 34.16-24.55 53.95C40.05 263.4 32 274.8 32 288c0 9.953 4.814 18.49 11.94 24.36l-24.83 149C17.48 471.1 25 480 34.89 480H93.11c9.887 0 17.41-8.879 15.78-18.63l-24.83-149C91.19 306.5 96 297.1 96 288c0-10.29-5.174-19.03-12.72-24.89c4.252-17.76 12.88-33.82 24.94-47.03l190.6 68.23c13.73 4.91 28.7 4.91 42.43 0l282.7-101.2C633.6 179.6 640 170.4 640 160S633.6 140.4 623.1 136.9zM351.1 314.4C341.7 318.1 330.9 320 320 320c-10.92 0-21.69-1.867-32-5.555L142.8 262.5L128 405.3C128 446.6 213.1 480 320 480c105.1 0 192-33.4 192-74.67l-14.78-142.9L351.1 314.4z"></path> </symbol> <symbol id="share" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"></path> </symbol> <symbol id="person-plus" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path> <path fill="currentColor" fill-rule="evenodd" d="M13.5 5a.5.5 0 0 1 .5.5V7h1.5a.5.5 0 0 1 0 1H14v1.5a.5.5 0 0 1-1 0V8h-1.5a.5.5 0 0 1 0-1H13V5.5a.5.5 0 0 1 .5-.5z"></path> </symbol> <symbol id="question-circle-fill" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.496 6.033h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286a.237.237 0 0 0 .241.247zm2.325 6.443c.61 0 1.029-.394 1.029-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94 0 .533.425.927 1.01.927z"></path> </symbol> <symbol id="search" viewBox="0 0 16 16"><!-- bi --> <path fill="currentColor" d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"></path> </symbol> <symbol id="cup" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path fill="currentColor" d="M16 5v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V5h10m4-2H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm-2 5V5h2v3h-2zm2 11H2v2h18v-2z"></path> </symbol> <symbol id="heart" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path fill="currentColor" d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"></path> </symbol> <symbol id="heart-no-fill" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55l-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path> </symbol> <symbol id="arrow_drop_down" viewBox="0 0 24 24"><!-- bi --> <path d="M0 0h24v24H0V0z" fill="none"></path> <path fill="currentColor" d="M7 10l5 5 5-5H7z"></path> </symbol> <symbol id="instagram" viewBox="0 0 24 24"><!-- bi --> <path fill="currentColor" d="M12,2.162c3.204,0,3.584,0.012,4.849,0.07c1.308,0.06,2.655,0.358,3.608,1.311c0.962,0.962,1.251,2.296,1.311,3.608 c0.058,1.265,0.07,1.645,0.07,4.849c0,3.204-0.012,3.584-0.07,4.849c-0.059,1.301-0.364,2.661-1.311,3.608 c-0.962,0.962-2.295,1.251-3.608,1.311c-1.265,0.058-1.645,0.07-4.849,0.07s-3.584-0.012-4.849-0.07 c-1.291-0.059-2.669-0.371-3.608-1.311c-0.957-0.957-1.251-2.304-1.311-3.608c-0.058-1.265-0.07-1.645-0.07-4.849 c0-3.204,0.012-3.584,0.07-4.849c0.059-1.296,0.367-2.664,1.311-3.608c0.96-0.96,2.299-1.251,3.608-1.311 C8.416,2.174,8.796,2.162,12,2.162 M12,0C8.741,0,8.332,0.014,7.052,0.072C5.197,0.157,3.355,0.673,2.014,2.014 C0.668,3.36,0.157,5.198,0.072,7.052C0.014,8.332,0,8.741,0,12c0,3.259,0.014,3.668,0.072,4.948c0.085,1.853,0.603,3.7,1.942,5.038 c1.345,1.345,3.186,1.857,5.038,1.942C8.332,23.986,8.741,24,12,24c3.259,0,3.668-0.014,4.948-0.072 c1.854-0.085,3.698-0.602,5.038-1.942c1.347-1.347,1.857-3.184,1.942-5.038C23.986,15.668,24,15.259,24,12 c0-3.259-0.014-3.668-0.072-4.948c-0.085-1.855-0.602-3.698-1.942-5.038c-1.343-1.343-3.189-1.858-5.038-1.942 C15.668,0.014,15.259,0,12,0z"></path> <path fill="currentColor" d="M12,5.838c-3.403,0-6.162,2.759-6.162,6.162c0,3.403,2.759,6.162,6.162,6.162s6.162-2.759,6.162-6.162 C18.162,8.597,15.403,5.838,12,5.838z M12,16c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S14.209,16,12,16z"></path> <circle fill="currentColor" cx="18.406" cy="5.594" r="1.44"></circle> </symbol> <symbol id="darkMode" viewBox="0 -960 960 960"> <path fill="currentColor" d="M480-120q-150 0-255-105T120-480q0-150 105-255t255-105q14 0 27.5 1t26.5 3q-41 29-65.5 75.5T444-660q0 90 63 153t153 63q55 0 101-24.5t75-65.5q2 13 3 26.5t1 27.5q0 150-105 255T480-120Zm0-80q88 0 158-48.5T740-375q-20 5-40 8t-40 3q-123 0-209.5-86.5T364-660q0-20 3-40t8-40q-78 32-126.5 102T200-480q0 116 82 198t198 82Zm-10-270Z"></path> </symbol> <symbol id="lightMode" viewBox="0 -960 960 960"> <path fill="currentColor" d="M480-360q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Zm0 80q-83 0-141.5-58.5T280-480q0-83 58.5-141.5T480-680q83 0 141.5 58.5T680-480q0 83-58.5 141.5T480-280ZM80-440q-17 0-28.5-11.5T40-480q0-17 11.5-28.5T80-520h80q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440H80Zm720 0q-17 0-28.5-11.5T760-480q0-17 11.5-28.5T800-520h80q17 0 28.5 11.5T920-480q0 17-11.5 28.5T880-440h-80ZM480-760q-17 0-28.5-11.5T440-800v-80q0-17 11.5-28.5T480-920q17 0 28.5 11.5T520-880v80q0 17-11.5 28.5T480-760Zm0 720q-17 0-28.5-11.5T440-80v-80q0-17 11.5-28.5T480-200q17 0 28.5 11.5T520-160v80q0 17-11.5 28.5T480-40ZM226-678l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226-678Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734-282l43 42q12 11 11.5 28T777-183q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678-734l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183-183q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282-226l-42 43q-11 12-28 11.5T183-183Zm297-297Z"> </path></symbol> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="is-hidden"> <!-- fa 6 --> <!-- For Editors --> <symbol id="file" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z"></path> </symbol> <symbol id="save" viewBox="0 0 24 24"> <!-- google icon --> <path fill="currentColor" d="M17.59 3.59c-.38-.38-.89-.59-1.42-.59H5c-1.11 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7.83c0-.53-.21-1.04-.59-1.41l-2.82-2.83zM12 19c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm1-10H7c-1.1 0-2-.9-2-2s.9-2 2-2h6c1.1 0 2 .9 2 2s-.9 2-2 2z"></path> </symbol> <symbol id="check" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path> </symbol> <symbol id="print" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path><path fill="currentColor" d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"></path> </symbol> <symbol id="trash" viewBox="0 0 24 24"> <path fill="currentColor" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path> </symbol> <symbol id="copy" viewBox="0 0 24 24"> <path fill="currentColor" d="M15,20H5V7c0-0.55-0.45-1-1-1h0C3.45,6,3,6.45,3,7v13c0,1.1,0.9,2,2,2h10c0.55,0,1-0.45,1-1v0C16,20.45,15.55,20,15,20z M20,16V4c0-1.1-0.9-2-2-2H9C7.9,2,7,2.9,7,4v12c0,1.1,0.9,2,2,2h9C19.1,18,20,17.1,20,16z M18,16H9V4h9V16z"></path> </symbol> <symbol id="fullscreen" viewBox="0 0 24 24"> <!-- google icon --> <path fill="currentColor" d="M21,8.59V4c0-0.55-0.45-1-1-1h-4.59c-0.89,0-1.34,1.08-0.71,1.71l1.59,1.59l-10,10l-1.59-1.59C4.08,14.08,3,14.52,3,15.41 V20c0,0.55,0.45,1,1,1h4.59c0.89,0,1.34-1.08,0.71-1.71l-1.59-1.59l10-10l1.59,1.59C19.92,9.92,21,9.48,21,8.59z"></path> </symbol> <symbol id="fullscreen-exit" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M21.29,4.12l-4.59,4.59l1.59,1.59c0.63,0.63,0.18,1.71-0.71,1.71H13c-0.55,0-1-0.45-1-1V6.41c0-0.89,1.08-1.34,1.71-0.71 l1.59,1.59l4.59-4.59c0.39-0.39,1.02-0.39,1.41,0v0C21.68,3.1,21.68,3.73,21.29,4.12z M4.12,21.29l4.59-4.59l1.59,1.59 c0.63,0.63,1.71,0.18,1.71-0.71V13c0-0.55-0.45-1-1-1H6.41c-0.89,0-1.34,1.08-0.71,1.71l1.59,1.59l-4.59,4.59 c-0.39,0.39-0.39,1.02,0,1.41l0,0C3.1,21.68,3.73,21.68,4.12,21.29z"></path> </symbol> <symbol id="tree" viewBox="0 0 448 512"> <path fill="currentColor" d="M413.8 447.1L256 448l0 31.99C256 497.7 241.8 512 224.1 512c-17.67 0-32.1-14.32-32.1-31.99l0-31.99l-158.9-.0099c-28.5 0-43.69-34.49-24.69-56.4l68.98-79.59H62.22c-25.41 0-39.15-29.8-22.67-49.13l60.41-70.85H89.21c-21.28 0-32.87-22.5-19.28-37.31l134.8-146.5c10.4-11.3 28.22-11.3 38.62-.0033l134.9 146.5c13.62 14.81 2.001 37.31-19.28 37.31h-10.77l60.35 70.86c16.46 19.34 2.716 49.12-22.68 49.12h-15.2l68.98 79.59C458.7 413.7 443.1 447.1 413.8 447.1z"></path> </symbol> <symbol id="link" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"></path> </symbol> <symbol id="uploadfile" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z"></path> </symbol> <symbol id="downloadfile" viewBox="0 0 24 24"><!-- google icon --> <path fill="currentColor" d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z"></path> </symbol> <symbol id="clock-rotate-left" viewBox="0 0 24 24"><!-- History --> <path fill="currentColor" d="M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z"></path> </symbol> <symbol id="title" viewBox="0 0 24 24"> <!-- Font Size T --> <path fill="currentColor" d="M5 4v3h5.5v12h3V7H19V4H5z"></path> </symbol> <symbol id="format_indent" viewBox="0 0 24 24"><!-- beautify --> <path fill="currentColor" d="M3 21h18v-2H3v2zM3 8v8l4-4-4-4zm8 9h10v-2H11v2zM3 3v2h18V3H3zm8 6h10V7H11v2zm0 4h10v-2H11v2z"></path> </symbol> <symbol id="play" viewBox="0 96 960 960"><!-- play arrow > --> <path fill="currentColor" d="M366 824q-15 10-30.5 1T320 798V348q0-18 15.5-27t30.5 1l354 226q14 9 14 25t-14 25L366 824Z"></path> </symbol> <symbol id="notes" viewBox="0 96 960 960"><!-- minify --> <path fill="currentColor" d="M120 816v-60h480v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"></path> </symbol> <symbol id="account_tree" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z" fill="none"></path> <path fill="currentColor" d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"></path> </symbol> <symbol id="cleaning_services" viewBox="0 0 24 24"> <g><rect fill="none" height="24" width="24"></rect></g><g><g><path fill="currentColor" d="M16,11h-1V3c0-1.1-0.9-2-2-2h-2C9.9,1,9,1.9,9,3v8H8c-2.76,0-5,2.24-5,5v7h18v-7C21,13.24,18.76,11,16,11z M11,3h2v8h-2V3 z M19,21h-2v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3h-2v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3H9v-3c0-0.55-0.45-1-1-1s-1,0.45-1,1v3H5 v-5c0-1.65,1.35-3,3-3h8c1.65,0,3,1.35,3,3V21z"></path></g></g> </symbol> </svg>   <input type="hidden" id="viewName" value="jsviewer"> <!-- sample url used for testing --> <input id="sampleurl" type="hidden" value="https://gist.githubusercontent.com/cbmgit/142fca2328fd5992ee6618559f95acf3/raw/CarInsuranceCompany.js"> <input id="fTitle" type="hidden" value="Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier"> <!-- Starting of App Div --> <div id="app"> <section class="hero"> <div class="hero-head"> <nav class="navbar is-transparent" role="navigation" aria-label="main navigation"> <div class="container is-fluid"> <div class="navbar-brand"> <!--<h2 class="title is-size-3"> <strong>Code Beautify</strong> </h2> --> <a class="navbar-item py-1" href="/"><img id="logoInHeader" src="/img/nlogo.webp" alt="CodeBeautify Logo" aria-label="Logo" srcset="" width="217" height="44"></a> <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarTopMain"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div class="navbar-menu" id="navbarTopMain"> <div class="navbar-end"> <a href="https://jsonformatter.org" class="navbar-item is-link" target="_blank">JSON Formatter</a> <a href="https://jsonformatter.org/xml-formatter" target="_blank" class="navbar-item is-link is-hidden-desktop-only">XML Formatter</a> <a href="/calculators/" class="navbar-item is-link">Calculators</a> <a href="/jsonviewer" class="navbar-item is-link">JSON Beautifier</a> <a href="/recentLinksPage" class="navbar-item is-link">Recent Links</a> <a href="/all-tools" class="navbar-item is-link">Sitemap</a> <div class="navbar-item has-dropdown is-hoverable"> <span id="favLink" class="navbar-link">Favs</span> <div id="favContent" class="navbar-dropdown"> <a class="navbar-item" href="/"> Home </a> </div> </div> <div class="navbar-item py-1"> <a id="notloggedin" href="/login" class="button is-primary">Login</a> <div id="loggedin" class="dropdown is-right" style="display:none"> <div class="dropdown-trigger"> <button class="button" aria-haspopup="true" aria-controls="dropdown-menu"> <span id="usernamelable">Dropdown button</span> <span class="icon is-small"> <svg class="svgicon"><use href="#arrow_drop_down"></use></svg> </span> </button> </div> <div class="dropdown-menu" id="dropdown-menu" role="menu"> <div class="dropdown-content"> <a href="https://codebeautify.org/userSaveLinkPage" class="dropdown-item">Links</a> <a href="https://codebeautify.org/userSaveOldLinkPage" class="dropdown-item">Archived</a> <a href="https://codebeautify.org/myFavouriteTools" class="dropdown-item">Favorite</a> <hr class="dropdown-divider"> <a href="/logout" class="dropdown-item button is-light">Logout</a> </div> </div> </div> </div> <a href="#" class=" navbar-item is-white" onclick="changeDLMode(true)" title="DarkMode in Beta"> <span class="icon"> <svg class="svgicon"><use id="colorModeIcon" href="#darkMode"></use></svg> </span> </a> </div> </div> </div> </nav> </div> </section> <hr class="my-0"> <progress id="ajaxProgressBar" class="progress is-tiny is-dark" max="100">50%</progress> <!--Start Top Header part of a Tool --> <div class="container is-fluid"> <div class="columns mb-0"> <div class="column mt-2"> <h1 id="mainTitle" class="title is-size-2">JavaScript Beautifier</h1> </div> <div class="column mt-2" style="display:none;"> <button id="topMessage" type="button" class="button is-info is-fullwidth">New</button> </div> <div id="new-ss-div" class="column mt-2 has-text-right is-hidden-mobile"> <button class="button" onclick="makeFav()" title="Add this tool to Favorites"> <span class="icon"><svg class="svgicon"><use id="favIcon" href="#heart-no-fill"></use></svg></span> <span id="favText">Add to Fav</span> </button> <button id="new" type="button" class="button is-info" onclick="loadNewView()">New</button> <button id="savenshare" type="button" class="button is-dark" onclick="openSaveModal()">Save &amp; Share</button> </div> </div> <div class="columns mb-1" id="permalink" style="display:none"> <div class="column is-8"><h2 class="subtitle" id="subtitle">Best Javascript Beautifier tool work as JavaScript Formatter, Viewer and Prettier</h2></div> <div class="column is-4"> <p class="subtitle has-text-right"> <a id="urlLink" href="/"></a> <span class="is-size-6"> </span> </p> </div> </div> </div> <!--End Top Header part of a Tool --> <!-- adsense-header-CB --> <!-- PLACE THIS SECTION INSIDE OF YOUR BODY TAGS --> <!-- Tag ID: codebeautify_leaderboard_atf --> <div class="mb-3" align="center" data-freestar-ad="__320x100 __970x90" id="codebeautify_leaderboard_atf"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_leaderboard_atf", slotId: "codebeautify_leaderboard_atf" });
  </script> </div> <div class="container is-fluid"> <div class="columns mb-0 is-desktop"> <div class="column"> <!-- End Ace Editor Border --> <div id="inputDiv" class="aceEditorBorder"> <!-- Ace Editor Titalbar --> <div class="aceEditorMenu"> <a href="#" class="icon" title="Format JS" onclick="beautifyInteralJS()"><svg class="svgicon"><use href="#format_indent"></use></svg></a> <a href="#" class="icon" title="Compress JS" onclick="minifyInternalJS()"><svg class="svgicon"><use href="#notes"></use></svg></a> <div class="editortoolbar btn-group-sm"> <a href="#" class="icon" onclick="setFromLocalStorage()" title="Load previous data from Local Storage"><svg class="svgicon"><use href="#clock-rotate-left"></use></svg></a> <a href="#" id="fileopen" class="icon" title="Open File"><svg class="svgicon"><use href="#file"></use></svg></a> <a href="#" class="icon" title="Save online" onclick="openSaveModal(true)"><svg class="svgicon"><use href="#save"></use></svg></a> <a href="#" class="icon" title="Clear" onclick="cleanInputEditor()"><svg class="svgicon"><use href="#trash"></use></svg></a> <a href="#" id="inputcopy" class="icon" title="Copy to Clipboard"><svg class="svgicon"><use href="#copy"></use></svg></a> <a href="#" id="inputFullScreen" class="icon is-hidden-mobile" onclick="addFullScreen('input');" title="FullScreen"><svg class="svgicon"><use href="#fullscreen"></use></svg></a> <a href="#" id="inputCloseScreen" style="display:none" class="icon" onclick="closeFullScreen('input');" title="Close FullScreen"><svg class="svgicon"><use href="#fullscreen-exit"></use></svg></a> </div> <a href="#" class="icon is-hidden-desktop-only is-hidden-mobile" style="margin-right:25px;float:right;" title="Sample JS Data" onclick="getJSSampleData();"><i>Sample</i></a> </div> <!--End Ace Editor Titalbar --> <!--Ace Editor Input --> <div id="inputACEEditor" class="twoEditor ace_editor ace_hidpi ace-tm ace_hasPlaceholder" style="font-size: 16px;"><textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" style="opacity: 0; font-size: 1px; height: 1px; width: 1px; transform: translate(47px, 19px);"></textarea><div class="ace_gutter" aria-hidden="true" style="left: 0px; width: 43px;"><div class="ace_layer ace_gutter-layer ace_folding-enabled" style="height: 1e+06px; transform: translate(0px, 0px); width: 43px;"><div class="ace_gutter-cell ace_gutter-active-line " aria-hidden="true" style="height: 19px; top: 0px;">1<span tabindex="0" style="display: none;"></span><span tabindex="0" style="display: none;"><span></span></span></div></div></div><div class="ace_scroller " style="line-height: 19px; left: 43px; right: 0px; bottom: 0px;"><div class="ace_content" style="transform: translate(0px, 0px); width: 681px; height: 398px;"><div class="ace_layer ace_print-margin-layer"><div class="ace_print-margin" style="left: 804px; visibility: hidden;"></div></div><div class="ace_layer ace_marker-layer"><div class="ace_active-line" style="height: 19px; top: 0px; left: 0px; right: 0px;"></div></div><div class="ace_layer ace_text-layer" style="height: 1e+06px; margin: 0px 4px; transform: translate(0px, 0px);"><div class="ace_line_group" style="height: 19px; top: 0px;"><div class="ace_line" style="height: 19px;"></div></div></div><div class="ace_layer ace_marker-layer"></div><div class="ace_layer ace_cursor-layer ace_hidden-cursors"><div class="ace_cursor" style="display: block; transform: translate(4px, 0px); width: 10px; height: 19px;"></div></div><div class="ace_placeholder" style="opacity: 0.3;">Paste or type your data here....</div></div></div><div class="ace_scrollbar ace_scrollbar-v" style="display: none; width: 15px; height: 360px; bottom: 0px;"><div class="ace_scrollbar-inner" style="width: 15px; height: 19px;">&nbsp;</div></div><div class="ace_scrollbar ace_scrollbar-h" style="display: none; height: 15px; left: 43px; right: 0px; width: 681px;"><div class="ace_scrollbar-inner" style="height: 15px; width: 724px;">&nbsp;</div></div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: hidden;"><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: visible;">הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה</div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; overflow: visible;">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div> <!--End Ace Ace Editor Input --> <!--Ace Editor Statusbar Footer --> <div class="columns m-0 is-mobile" id="inputACEStatusBar" style="background-color:#ededed;border:1px solid #dbdbdb;"> <span class="column p-0 pl-1" id="inputAceLineColumn">Ln: 1 Col: 0</span> <span class="column p-0 has-text-centered" id="inputTextSize"></span> <span class="column p-0 is-hidden-mobile" id="fontsize"> <a href="#" id="inputFontSizeI" title="Increase Text Size" class="icon is-pulled-right"> <svg class="svgicon"><use href="#title"></use></svg> </a> <a href="#" id="inputFontSizeD" title="Decrease Text Size" class="icon is-pulled-right"> <svg class="svgicon16"><use href="#title"></use></svg> </a> </span> </div> <!--End Ace Editor Statusbar Footer --> </div> <!-- End Ace Editor border --> </div> <div class="column is-12-mobile is-2-desktop box has-text-centered"> <div class="columns mb-0"> <div class="column"> <button class="button is-fullwidth" title="Upload File"> <input id="fileInput" class="file-input" type="file" onchange="handleFiles(this.files)"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#uploadfile"></use></svg></span> <span>File</span> </button> </div> <div class="column"> <button class="button is-fullwidth" onclick="openURLModal()" title="Load URL"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#link"></use></svg></span> <span>URL</span> </button> </div> </div> <div class="field"> <label class="checkbox"> <input class="mt-4" type="checkbox" id="isAuto" checked=""> Auto Update </label> </div> <!-- <div class="field"> <label class="checkbox"> <input class="mt-4" type="checkbox" id="isRemoveComments"> Remove Comments <label> </div> --> <div class="field"> <p class="control"> <button class="button is-fullwidth is-info is-medium" id="defaultAction" onclick="beautifyJS()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#format_indent"></use></svg></span> <span>Beautify JS</span> </button> </p> </div> <!--a d s --> <style> .responsiveSquare { width: 200px; height: 200px;} @media(min-width: 1600px) { .responsiveSquare { width: 250px; height: 250px;} } @media(min-width: 2000px) { .responsiveSquare { width: 300px; height: 250px;} } </style> <!-- Tag ID: codebeautify_mrec_atf --> <div class="mb-2" align="center" data-freestar-ad="__336x280 __300x250" id="codebeautify_mrec_atf"> <script data-cfasync="false" type="text/javascript">
          freestar.config.enabled_slots.push({ placementName: "codebeautify_mrec_atf", slotId: "codebeautify_mrec_atf" });
          </script> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth is-primary is-medium" onclick="showJSViewerHTML()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#play"></use></svg></span> <span>Run / View</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth" onclick="minifyJS()"> <span class="icon is-hidden-desktop-only"><svg class="svgicon"><use href="#notes"></use></svg></span> <span>Minify JS</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth" onclick="javascriptObfuscator()"> <span>Obfuscator JS</span> </button> </p> </div> <div class="field"> <p class="control"> <button class="button is-fullwidth " onclick="createFile('js.txt');"> <span class="icon"><svg class="svgicon"><use href="#downloadfile"></use></svg></span> <span>Download</span> </button> </p> </div> </div> <div class="column"> <!-- End Ace Editor Border OutPut --> <div id="outputDiv" class="aceEditorBorder"> <!-- Ace Editor TitleBar OutPut--> <div class="aceEditorMenu"> <label class="aceEditorMenuLabel"><i>Output</i></label> <div id="outputToolBar" class="editortoolbar btn-group-sm"> <a href="#" class="icon" title="Save online" onclick="openSaveModal(true)"><svg class="svgicon"><use href="#save"></use></svg></a> <a href="#" class="icon" title="Clear" onclick="cleanOutputEditor();"><svg class="svgicon"><use href="#trash"></use></svg></a> <a href="#" id="outputcopy" class="icon" title="Copy to Clipboard"><svg class="svgicon"><use href="#copy"></use></svg></a> <a href="#" class="icon" title="Download" onclick="createFile('js.txt');"><svg class="svgicon"><use href="#downloadfile"></use></svg></a> <a href="#" id="outputFullScreen" class="icon is-hidden-mobile" onclick="addFullScreen('output');" title="FullScreen"><svg class="svgicon"><use href="#fullscreen"></use></svg></a> <a href="#" id="outputCloseScreen" style="display:none" class="icon" onclick="closeFullScreen('output');" title="Close FullScreen"><svg class="svgicon"><use href="#fullscreen-exit"></use></svg></a> </div> </div> <!--End Ace Editor TitleBar OutPut--> <!--Ace Editor OutPut --> <div id="outputACEEditor" class="twoEditor ace_editor ace_hidpi ace-tm" style="font-size: 16px;"><textarea class="ace_text-input" wrap="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-haspopup="false" aria-autocomplete="both" role="textbox" style="opacity: 0; font-size: 1px; height: 1px; width: 1px; transform: translate(47px, 19px);"></textarea><div class="ace_gutter" aria-hidden="true" style="left: 0px; width: 43px;"><div class="ace_layer ace_gutter-layer ace_folding-enabled" style="height: 1e+06px; transform: translate(0px, 0px); width: 43px;"><div class="ace_gutter-cell ace_gutter-active-line " aria-hidden="true" style="height: 19px; top: 0px;">1<span tabindex="0" style="display: none;"></span><span tabindex="0" style="display: none;"><span></span></span></div></div></div><div class="ace_scroller " style="line-height: 19px; left: 43px; right: 0px; bottom: 0px;"><div class="ace_content" style="transform: translate(0px, 0px); width: 681px; height: 398px;"><div class="ace_layer ace_print-margin-layer"><div class="ace_print-margin" style="left: 804px; visibility: hidden;"></div></div><div class="ace_layer ace_marker-layer"><div class="ace_active-line" style="height: 19px; top: 0px; left: 0px; right: 0px;"></div></div><div class="ace_layer ace_text-layer" style="height: 1e+06px; margin: 0px 4px; transform: translate(0px, 0px);"><div class="ace_line_group" style="height: 19px; top: 0px;"><div class="ace_line" style="height: 19px;"></div></div></div><div class="ace_layer ace_marker-layer"></div><div class="ace_layer ace_cursor-layer ace_hidden-cursors"><div class="ace_cursor" style="display: block; transform: translate(4px, 0px); width: 10px; height: 19px;"></div></div></div></div><div class="ace_scrollbar ace_scrollbar-v" style="display: none; width: 15px; height: 360px; bottom: 0px;"><div class="ace_scrollbar-inner" style="width: 15px; height: 19px;">&nbsp;</div></div><div class="ace_scrollbar ace_scrollbar-h" style="display: none; height: 15px; left: 43px; right: 0px; width: 681px;"><div class="ace_scrollbar-inner" style="height: 15px; width: 724px;">&nbsp;</div></div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: hidden;"><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font: inherit; overflow: visible;">הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה</div><div style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; overflow: visible;">XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</div></div></div> <div id="jsViewerhtml" style="display:none;overflow-y:scroll;"> <iframe id="iFrameMD" src="data:text/html;charset=utf-8," style="width: 100%; height: 62vh;"></iframe> </div> <!--End Ace Ace Editor OutPut --> <!--Ace Editor Statusbar Footer OutPut--> <div class="columns m-0 is-mobile" id="outputACEStatusBar" style="background-color:#ededed;border:1px solid #dbdbdb;"> <span class="column p-0 pl-1" id="outputAceLineColumn">Ln: 1 Col: 0</span> <span class="column p-0 has-text-centered" id="outputTextSize"></span> <span class="column p-0 is-hidden-mobile" id="inputFontSize"> <a href="#" id="outputFontSizeI" title="Increase Text Size" class="icon is-pulled-right"> <svg class="svgicon"><use href="#title"></use></svg> </a> <a href="#" id="outputFontSizeD" title="Decrease Text Size" class="icon is-pulled-right"> <svg class="svgicon16"><use href="#title"></use></svg> </a> </span> </div> <!--End Ace Editor Statusbar Footer OutPut--> </div> <!-- End Ace Editor border OutPut --> </div> </div> </div> </div><!--a d s Horizontal --> <div class="columns p-2"> <div class="column is-8"> <!-- Tag ID: codebeautify_billboard_1 --> <div align="center" data-freestar-ad="__336x280 __580x400" id="codebeautify_billboard_1"> <script data-cfasync="false" type="text/javascript">
          freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_1", slotId: "codebeautify_billboard_1" });
          </script> </div> </div> <div class="column is-4"> <!-- Tag ID: video tag fs --> <div id="FreeStarVideoAdContainer"> <div id="freestar-video-parent"> <div id="freestar-video-child"></div> </div> </div> </div> </div> <div id="adBlockerShare" class="container has-text-centered has-background-light is-fluid py-2" style="display:none"> <p class="is-size-3 has-text-danger">Ad blocking? It's okay.</p> <p class="is-size-4">Please share on social media to support us:</p> <div class="py-3"> <a class="button has-text-link" rel="noopener" title="Tweet on Twitter" href="https://twitter.com/share?url=https://codebeautify.org/jsviewer&amp;text=I%20❤️%20%40CodeBeautify's JavaScript Beautifier" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#twitter"></use></svg> </span> <span>Tweet</span> </a> <a class="button has-text-link" rel="noopener" title="Share on Facebook" href="https://www.facebook.com/share.php?u=https://codebeautify.org/jsviewer" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#facebook-f"></use></svg> </span> <span>Share</span> </a> <a class="button has-text-link" rel="noopener" title="Share on Linked in" href="https://www.linkedin.com/shareArticle?url=https://codebeautify.org/jsviewer" target="_blank"> <span class="icon is-large"> <svg class="svgicon"><use xlink:href="#linkedin"></use></svg> </span> <span>Post</span> </a> </div> </div> <div class="container is-fluid"> <div class="columns"> <div class="column is-7"> <section class="pt-1"> <h2 class="title">JavaScript Viewer</h2> <hr> <div class="content"> <p class="is-size-5">Javascript Beautifier is easy to use tool to beautify, format and prettier JavaScript data. Copy, Paste, and Beautify.</p> <p class="is-size-5">Welcome to the online Javascript formatter and beautifier at codebeautify.org. Javascript is a web based programming language that is used extensively in many websites.</p> <p class="is-size-5">Often the javascript used is provided has white space compressed to reduce the size of the data transferred. This site give you a quick and easy way to format (beautifier) the javascript so you can easily read it.</p> <h2>What can you do with JavaScript Viewer?</h2> <ul> <li>It helps to beautify/format your Javascript.</li> <li>JS Prettier allows loading the Javascript Source Code URL to beautify. Use your JS URL to format. Click on the URL button, Enter URL and Submit.</li> <li>It helps to obfuscator(change variable name and minify) your Javascript.</li> <li>Users can also beautify JS File by uploading the file.</li> <li>It helps to run your Javascript.</li> <li>Beautify JS Online works well on Windows, MAC, Linux, Chrome, Firefox, Edge, and Safari.</li> </ul> <p>Know more about JavaScript:</p> <ul class="is-size-4-mobile"> <li> <a class="has-text-info" href="https://codeblogmoney.com/validate-json-string-using-javascript/" target="_blank" rel="noopener"> Validate JSON using Javascript </a> </li> <li> <a class="has-text-info" href="https://codeblogmoney.com/convert-string-to-json-object-using-javascript/" target="_blank" rel="noopener"> Convert String to JSON Object using Javascript </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/check-if-variable-is-a-number-in-javascript/" target="_blank" rel="noopener"> Check if Variable Is a Number in Javascript </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/how-to-get-last-element-of-an-array-in-javascript/" target="_blank" rel="noopener"> How to Get Last Element of an Array in JavaScript? </a> </li> <li> <a class="has-text-info" href="/javascript-cheat-sheet" target="_blank" rel="noopener"> JavaScript Cheat Sheet </a> </li> <li> <a class="has-text-info" href="https://codebeautify.org/blog/map-to-array-javascript/" target="_blank" rel="noopener"> Map to Array in Javascript </a> </li> </ul> <h3>Example of JS File</h3> <div class="content"> <p> <strong>JS data</strong> <a class="is-pulled-right" href="/jsviewer?input=var carInsuranceCompany = { name: &quot;Geico&quot;, market_capital: &quot;$34.9 billion&quot;, }; var carInsuranceCompanyObj = JSON.stringify(obj); document.getElementById(&quot;insurance&quot;).innerHTML = carInsuranceCompanyObj;">Try it.</a> </p><pre>var carInsuranceCompany = {
	name: "Geico",
	market_capital: "$34.9 billion",
};
var carInsuranceCompanyObj = JSON.stringify(obj);
document.getElementById("insurance").innerHTML = carInsuranceCompanyObj;
</pre> <p></p> </div> <p class="is-size-4">For Advanced Users</p> <h5>External JS URL</h5> <p> Load JS External URL in Browser URL like this https://codebeautify.org/<wbr>jsviewer?<b>url</b>=external-url</p> <blockquote> <a href="/jsviewer?url=https://gist.githubusercontent.com/cbmgit/142fca2328fd5992ee6618559f95acf3/raw/CarInsuranceCompany.js"> https://codebeautify.org/<wbr>jsviewer?url=<wbr>https://gist.gi<wbr>thubusercontent<wbr>.com/cbmgit/142<wbr>fca2328fd5992ee<wbr>6618559f95acf3/<wbr>raw/CarInsuranc<wbr>eCompany.js </a> </blockquote> </div> </section> </div> <div class="column is-5 is-hidden-mobile"> <section class="pt-1"> <p class="title">Related Tools</p> <hr> <div class="content"> <a class="button funbtn is-large" href="/htmlviewer">HTML Viewer</a> <a class="button funbtn is-large" href="/css-beautify-minify">CSS minifier</a> <a class="button funbtn is-large" href="/jsonminifier">JSON Minify</a> <a class="button funbtn is-large" href="/javascript-tester">Javascript Tester</a> </div> </section> <section class="section"> <p class="title">Recently visited pages</p> <hr> <div class="content"> <ul id="visitedTools"></ul> </div> </section> <section class="section"> <p class="title">Tags</p> <hr> <div class="tags"> <a class="tag is-primary is-large" href="/javascript-tools">JavaScript</a> <a class="tag is-info is-large" href="/formatters-and-beautifiers">Beautifiers</a> </div> </section> </div> </div> </div> <!-- Tag ID: codebeautify_billboard_6 --> <div align="center" data-freestar-ad="__336x280 __1200x280" id="codebeautify_billboard_6"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_6", slotId: "codebeautify_billboard_6" });
  </script> </div> <!-- Start End Footer Link Section of the HomePage --> <footer id="jumptofooter" class="footer"> <div class="container is-fluid"> <section class="has-text-centered"> <h2 class="subtitle is-size-2 "> <strong>Code Beautify</strong> </h2> </section> <hr> <div class="columns has-text-centered-mobile"> <div class="column"> <p class="title has-text-dark is-5">Color Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/hex-to-pantone-converter">HEX to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-pantone-converter">RGB to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-pantone-converter">HSV to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-pantone-converter">CMYK to Pantone Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-hex-converter">CMYK to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-rgb-converter">CMYK to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/cmyk-to-hsv-converter">CMYK to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-hex-converter">HSV to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-rgb-converter">HSV to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/hsv-to-cmyk-converter">HSV to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-hsv-converter">HEX to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-hex-converter">RGB to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-hsv-converter">RGB to HSV Converter</a></li> <li><a class="is-size-4-mobile" href="/rgb-to-cmyk-converter">RGB to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-rgb-converter">HEX to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-to-cmyk-converter">HEX to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-hex-converter">Pantone to HEX Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-rgb-converter">Pantone to RGB Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-cmyk-converter">Pantone to CMYK Converter</a></li> <li><a class="is-size-4-mobile" href="/pantone-to-hsv-converter">Pantone to HSV Converter</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/unit-tools">Unit Converter</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/length-converter">Length Converter</a></li> <li><a class="is-size-4-mobile" href="/weight-converter">Weight Converter</a></li> <li><a class="is-size-4-mobile" href="/volume-converter">Volume Converter</a></li> <li><a class="is-size-4-mobile" href="/area-converter">Area Converter</a></li> <li><a class="is-size-4-mobile" href="/time-converter">Time Converter</a></li> <li><a class="is-size-4-mobile" href="/unix-time-stamp-converter">Unix Timestamp Converter</a></li> <!-- <li><a class="is-size-4-mobile" href="/temperature-converter">Temperature Converter</a></li> <li><a class="is-size-4-mobile" href="/density-converter">Density Converter</a></li> <li><a class="is-size-4-mobile" href="/electric-current-converter">Electric Current Converter</a></li> <li><a class="is-size-4-mobile" href="/speed-converter">Speed Converter</a></li> <li><a class="is-size-4-mobile" href="/angle-converter">Angle Converter</a></li> <li><a class="is-size-4-mobile" href="/bytes-converter">Bytes/Bits Converter</a></li> <li><a class="is-size-4-mobile" href="/energy-converter">Energy Converter</a></li> <li><a class="is-size-4-mobile" href="/force-converter">Force Converter</a></li> <li><a class="is-size-4-mobile" href="/fuel-converter">Fuel Converter</a></li> <li><a class="is-size-4-mobile" href="/mass-converter">Mass Converter</a></li> <li><a class="is-size-4-mobile" href="/power-converter">Power Converter</a></li> <li><a class="is-size-4-mobile" href="/pressure-converter">Pressure Converter</a></li> <li><a class="is-size-4-mobile" href="/astronomical-converter">Astronomical Converter</a></li> <li><a class="is-size-4-mobile" href="/frequency-converter">Frequency Converter</a></li> --> <li><a class="is-size-4-mobile has-text-info" href="/unit-tools" title="More Unit Tools">More Unit Tools</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/sql-tools">SQL Converters</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/sql-to-csv-converter">SQL to CSV Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-json-converter">SQL to JSON Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-xml-converter">SQL to XML Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-yaml-converter">SQL to YAML Converter</a></li> <li><a class="is-size-4-mobile" href="/sql-to-html-converter">SQL to HTML Converter</a></li> </ul> <p class="title has-text-dark is-5">Encode and Decode</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/base32-encode">Base32 Encode</a></li> <li><a class="is-size-4-mobile" href="/base32-decode">Base32 Decode</a></li> <li><a class="is-size-4-mobile" href="/base58-encode">Base58 Encode</a></li> <li><a class="is-size-4-mobile" href="/base58-decode">Base58 Decode</a></li> <li><a class="is-size-4-mobile" href="/base64-encode">Base64 Encode</a></li> <li><a class="is-size-4-mobile" href="/base64-decode">Base64 Decode</a></li> <li><a class="is-size-4-mobile" href="/url-encode-string">URL Encode Online</a></li> <li><a class="is-size-4-mobile" href="/url-decode-string">URL Decode Online</a></li> <li><a class="is-size-4-mobile" href="/json-url-encode">JSON URL Encode</a></li> <li><a class="is-size-4-mobile" href="/json-url-decode">JSON URL Decode</a></li> <li><a class="is-size-4-mobile" href="/html-encode-string">HTML Encode</a></li> <li><a class="is-size-4-mobile" href="/html-decode-string">HTML Decode</a></li> <li><a class="is-size-4-mobile" href="/xml-url-encoding">XML URL Encoding</a></li> <li><a class="is-size-4-mobile" href="/xml-url-decoding">XML URL Decoding</a></li> <li><a class="is-size-4-mobile" href="/utf8-converter">UTF8 Converter</a></li> <li><a class="is-size-4-mobile" href="/utf8-decode">UTF8 Decode</a></li> <li><a class="is-size-4-mobile" href="/hex-to-utf8">Hex to UTF8</a></li> <li><a class="is-size-4-mobile" href="/json-decode-online">JSON Decode Online</a></li> <li><a class="is-size-4-mobile" href="/json-encode-online">JSON Encode Online</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/base64-tools">Base64 Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/image-to-base64-converter">Image to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-image-converter">Base64 to Image</a></li> <li><a class="is-size-4-mobile" href="/png-to-base64-converter">PNG to Base64</a></li> <li><a class="is-size-4-mobile" href="/jpg-to-base64-converter">JPG to Base64</a></li> <li><a class="is-size-4-mobile" href="/json-to-base64-converter">JSON to Base64</a></li> <li><a class="is-size-4-mobile" href="/xml-to-base64-converter">XML to Base64</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-base64-converter">YAML to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-json-converter">Base64 to JSON</a></li> <li><a class="is-size-4-mobile" href="/base64-to-xml-converter">Base64 to XML</a></li> <li><a class="is-size-4-mobile" href="/base64-to-yaml-converter">Base64 to YAML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-base64-converter">CSV to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-csv-converter">Base64 to CSV</a></li> <li><a class="is-size-4-mobile" href="/tsv-to-base64-converter">TSV to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-tsv-converter">Base64 to TSV</a></li> <li><a class="is-size-4-mobile" href="/binary-to-base64-converter">Binary to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-binary-converter">Base64 to Binary</a></li> <li><a class="is-size-4-mobile" href="/hex-to-base64-converter">Hex to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-hex-converter">Base64 to Hex</a></li> <li><a class="is-size-4-mobile" href="/octal-to-base64-converter">Octal to Base64</a></li> <li><a class="is-size-4-mobile has-text-info" href="/base64-tools">More Base64 Tools</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/image-converter-tools">Image Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jpg-to-png-converter">JPG to PNG</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-png-converter">BMP to PNG</a></li> <li><a class="is-size-4-mobile" href="/png-to-jpg-converter">PNG to JPG</a></li> <li><a class="is-size-4-mobile" href="/gif-splitter">GIF Splitter</a></li> <li><a class="is-size-4-mobile" href="/gif-viewer">GIF Viewer</a></li> <!-- <li><a class="is-size-4-mobile" href="/jpg-to-bmp-converter">JPG to BMP</a></li> <li><a class="is-size-4-mobile" href="/jpg-to-gif-converter">JPG to GIF</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-jpg-converter">BMP to JPG</a></li> <li><a class="is-size-4-mobile" href="/bmp-to-gif-converter">BMP to GIF</a></li> <li><a class="is-size-4-mobile" href="/gif-to-png-converter">GIF to PNG</a></li> <li><a class="is-size-4-mobile" href="/gif-to-jpg-converter">GIF to JPG</a></li> <li><a class="is-size-4-mobile" href="/gif-to-bmp-converter">GIF to BMP</a></li> <li><a class="is-size-4-mobile" href="/png-to-bmp-converter">PNG to BMP</a></li> <li><a class="is-size-4-mobile" href="/png-to-gif-converter">PNG to GIF</a></li> --> <li><a class="is-size-4-mobile has-text-info" href="/image-converter-tools" title="More Image Tools">More Image Tools</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/image-to-base64-converter">Image to Base64</a></li> <li><a class="is-size-4-mobile" href="/base64-to-image-converter">Base64 to Image</a></li> <li><a class="is-size-4-mobile" href="/date-time-calculater">Date Calculater</a></li> <li><a class="is-size-4-mobile" href="/excel-to-html">EXCEL to HTML</a></li> <li><a class="is-size-4-mobile" href="/excel-to-xml">EXCEL to XML</a></li> <li><a class="is-size-4-mobile" href="/excel-to-json">EXCEL to JSON</a></li> <li><a class="is-size-4-mobile" href="/opml-to-json-converter">OPML to JSON</a></li> <li><a class="is-size-4-mobile" href="/word-to-html-converter">Word to HTML</a></li> <li><a class="is-size-4-mobile" href="/tableizer">Online Tableizer</a></li> </ul> <p class="title has-text-dark is-5">JSON Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/json-to-java-converter">JSON to JAVA</a></li> <li><a class="is-size-4-mobile" href="/jsontoxml">JSON to XML</a></li> <li><a class="is-size-4-mobile" href="/json-to-yaml">JSON to YAML</a></li> <li><a class="is-size-4-mobile" href="/json-to-csv">JSON to CSV</a></li> <li><a class="is-size-4-mobile" href="/json-to-tsv-converter">JSON to TSV</a></li> <li><a class="is-size-4-mobile" href="/json-to-text-converter">JSON to Text</a></li> <li><a class="is-size-4-mobile" href="/json-to-excel-converter">JSON to Excel</a></li> <li><a class="is-size-4-mobile" href="/json-to-html-converter">JSON to HTML</a></li> </ul> <p class="title has-text-dark is-5">XML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/xml-converter-online">XML Converter</a></li> <li><a class="is-size-4-mobile" href="/xmltojson">XML to JSON</a></li> <li><a class="is-size-4-mobile" href="/xml-to-yaml">XML to YAML</a></li> <li><a class="is-size-4-mobile" href="/xml-to-csv-converter">XML to CSV</a></li> <li><a class="is-size-4-mobile" href="/xml-to-tsv-converter">XML to TSV</a></li> <li><a class="is-size-4-mobile" href="/xml-to-text-converter">XML to Text</a></li> <li><a class="is-size-4-mobile" href="/xml-xsl-transformation">XML-XSL Transform</a></li> <li><a class="is-size-4-mobile" href="/xml-to-html-converter">XML to HTML</a></li> <li><a class="is-size-4-mobile" href="/xml-to-excel-converter">XML to Excel</a></li> <li><a class="is-size-4-mobile" href="/xml-to-java-converter">XML to JAVA</a></li> </ul> <p class="title has-text-dark is-5">HTML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/html-stripper">HTML Stripper</a></li> <li><a class="is-size-4-mobile" href="/html-table-generator">HTML Table Generator</a></li> <li><a class="is-size-4-mobile" href="/html-to-csv-converter">HTML to CSV Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-tsv-converter">HTML to TSV Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-php-converter">HTML to PHP Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-csv-converter">HTML to CSV</a></li> <li><a class="is-size-4-mobile" href="/html-to-json-converter">HTML to JSON</a></li> <li><a class="is-size-4-mobile" href="/html-to-xml-converter">HTML to XML</a></li> <li><a class="is-size-4-mobile" href="/html-to-yaml-converter">HTML to YAML</a></li> <li><a class="is-size-4-mobile" href="/html-to-text-converter">HTML to Text</a></li> <li><a class="is-size-4-mobile" href="/text-to-html-entities-converter">Text to HTML Entities</a></li> <li><a class="is-size-4-mobile" href="/html-entities-to-text-converter">HTML Entities to Text</a></li> <li><a class="is-size-4-mobile" href="/html-to-markdown">HTML to Markdown</a></li> <li><a class="is-size-4-mobile" href="/markdown-to-html">Markdown to HTML</a></li> <li><a class="is-size-4-mobile" href="/pug-to-html-converter">PUG to HTML Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-pug-converter">HTML to PUG Converter</a></li> <li><a class="is-size-4-mobile" href="/jade-to-html-converter">JADE to HTML Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-jade-converter">HTML to JADE Converter</a></li> <li><a class="is-size-4-mobile" href="/html-to-bbcode-converter">HTML to BBCode Converter</a></li> <li><a class="is-size-4-mobile" href="/bbcode-to-html-converter">BBCode to HTML Converter</a></li> </ul> <p class="title has-text-dark is-5">YAML Converters</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML Converter</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to XML</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to JSON</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-json-xml-csv">YAML to CSV</a></li> <li><a class="is-size-4-mobile" href="/yaml-to-excel-converter">YAML to Excel</a></li> </ul> <p class="title has-text-dark is-5">Utility</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/send-snap-message">Send Snap Message</a></li> <li><a class="is-size-4-mobile" href="/responsive-website-tester">Responsive Website Tester</a></li> <li><a class="is-size-4-mobile" href="/credit-card-validate">Credit Card Validator</a></li> <li><a class="is-size-4-mobile" href="/credit-card-fake-number-generator">Credit Card Fake Number Generator</a></li> <li><a class="is-size-4-mobile" href="/Xpath-Tester">XPath Tester</a></li> <li><a class="is-size-4-mobile" href="/jsonpath-tester" title="Json Path Tester">JSON Path Tester</a></li> <li><a class="is-size-4-mobile" href="/jsonminifier" title="JSON Minifier">JSON Minifier</a></li> <li><a class="is-size-4-mobile" href="/file-diff">File Difference</a></li> <li><a class="is-size-4-mobile" href="/json-diff">JSON Diff</a></li> <li><a class="is-size-4-mobile" href="/xml-diff">XML Diff</a></li> <li><a class="is-size-4-mobile" href="/broken-link-checker">Broken Link Checker</a></li> <li><a class="is-size-4-mobile" href="/json-deserialize-online">JSON Deserialize Online</a></li> <li><a class="is-size-4-mobile" href="/json-serialize-online">JSON Serialize Online</a></li> <li><a class="is-size-4-mobile" href="/json-stringify-online">JSON Stringify Online</a></li> <li><a class="is-size-4-mobile" href="/xml-stringify-online">XML Stringify Online</a></li> <li><a class="is-size-4-mobile" href="/string-to-json-online">String to JSON Online</a></li> <li><a class="is-size-4-mobile" href="/javascript-obfuscator">JavaScript Obfuscator</a></li> <li><a class="is-size-4-mobile" href="/curl-to-php-online">Curl to PHP</a></li> <li><a class="is-size-4-mobile" href="/crontab-format">Crontab Format</a></li> </ul> <p class="title is-5">Chart Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/line-graph-maker">Line Graph Maker</a></li> <li><a class="is-size-4-mobile" href="/bar-graph-maker">Bar Graph Maker</a></li> <li><a class="is-size-4-mobile" href="/pie-chart-maker">Pie Chart Maker</a></li> <li><a class="is-size-4-mobile" href="/doughnut-chart-maker">Doughnut Chart Maker</a></li> <li><a class="is-size-4-mobile" href="/scatter-plot-maker">Scatter Plot Maker</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Viewers</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonviewer">JSON Viewer</a></li> <li><a class="is-size-4-mobile" href="/xmlviewer">XML Viewer</a></li> <li><a class="is-size-4-mobile" href="/yaml-viewer-online">YAML Viewer</a></li> <li><a class="is-size-4-mobile" href="/mxmlviewer">MXML Viewer</a></li> <li><a class="is-size-4-mobile" href="/htmlviewer">HTML Viewer</a></li> <li><a class="is-size-4-mobile" href="/jsviewer">JavaScript Viewer</a></li> <li><a class="is-size-4-mobile" href="/rssviewer">RSS Viewer</a></li> <li><a class="is-size-4-mobile" href="/source-code-viewer">SOURCE CODE Viewer</a></li> <li><a class="is-size-4-mobile" href="/opmlviewer">OPML Viewer</a></li> <li><a class="is-size-4-mobile" href="/csv-viewer">CSV Viewer</a></li> <li><a class="is-size-4-mobile" href="/bbcode-viewer">BBCode Viewer</a></li> <li><a class="is-size-4-mobile" href="/markdown-viewer">Markdown Viewer</a></li> </ul> <p class="title has-text-dark is-5">Programming Editors</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/online-xml-editor">XML Editor</a></li> <li><a class="is-size-4-mobile" href="/online-json-editor">JSON Editor</a></li> <li><a class="is-size-4-mobile" href="/real-time-html-editor">Real Time HTML Editor</a></li> <li><a class="is-size-4-mobile" href="/yaml-editor-online">YAML Editor</a></li> <li><a class="is-size-4-mobile" href="/alleditor">ONLINE Editor</a></li> <li><a class="is-size-4-mobile" href="/javaviewer">JAVA Editor</a></li> <li><a class="is-size-4-mobile" href="/csharpviewer">C# Editor</a></li> <li><a class="is-size-4-mobile" href="/actionscript">Actionscript Editor</a></li> <li><a class="is-size-4-mobile" href="/markdown-editor">Markdown Editor</a></li> </ul> <p class="title has-text-dark is-5">Parsers</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/url-parser">URL Parser</a></li> <li><a class="is-size-4-mobile" href="/json-parser-online">JSON Parser</a></li> <li><a class="is-size-4-mobile" href="/xml-parser-online">XML Parser</a></li> <li><a class="is-size-4-mobile" href="/yaml-parser-online">YAML Parser</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/css-tools">CSS Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/css-to-less-converter">CSS to LESS</a></li> <li><a class="is-size-4-mobile" href="/css-to-scss-converter">CSS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/css-to-sass-converter">CSS to SASS</a></li> <li><a class="is-size-4-mobile" href="/css-to-stylus-converter">CSS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/stylus-compiler">Stylus Compiler</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-css-converter">Stylus to CSS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-less-converter">Stylus to LESS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-scss-converter">Stylus to SCSS</a></li> <li><a class="is-size-4-mobile" href="/stylus-to-sass-converter">Stylus to SASS</a></li> <li><a class="is-size-4-mobile" href="/less-compiler">LESS Compiler</a></li> <li><a class="is-size-4-mobile" href="/less-to-css-converter">LESS to CSS</a></li> <li><a class="is-size-4-mobile" href="/less-to-stylus-converter">LESS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/less-to-scss-converter">LESS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/less-to-sass-converter">LESS to SASS</a></li> <li><a class="is-size-4-mobile" href="/scss-compiler">SCSS Compiler</a></li> <li><a class="is-size-4-mobile" href="/scss-to-css-converter">SCSS to CSS</a></li> <li><a class="is-size-4-mobile" href="/scss-to-stylus-converter">SCSS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/scss-to-less-converter">SCSS to LESS</a></li> <li><a class="is-size-4-mobile" href="/scss-to-sass-converter">SCSS to SASS</a></li> <li><a class="is-size-4-mobile" href="/sass-compiler">SASS Compiler</a></li> <li><a class="is-size-4-mobile" href="/sass-to-css-converter">SASS to CSS</a></li> <li><a class="is-size-4-mobile" href="/sass-to-stylus-converter">SASS to Stylus</a></li> <li><a class="is-size-4-mobile" href="/sass-to-scss-converter">SASS to SCSS</a></li> <li><a class="is-size-4-mobile" href="/sass-to-less-converter">SASS to LESS</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/escape-unescape-tools">Escape Unescape</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/html-escape-unescape" title="HTML Escape Unescape">HTML Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/xml-escape-unescape" title="XML Escape Unescape">XML Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/java-escape-unescape" title="Java Escape Unescape">Java Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/csharp-escape-unescape" title="C# Escape Unescape">C# Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/javascript-escape-unescape" title="Javascript Escape Unescape">Javascript Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/csv-escape-unescape" title="CSV Escape Unescape">CSV Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/sql-escape-unescape" title="SQL Escape Unescape">SQL Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/json-escape-unescape" title="JSON Escape Unescape">JSON Escape Unescape</a></li> <li><a class="is-size-4-mobile" href="/un-google-link" title="Un-Google Link">Un-Google Link</a></li> </ul> <p class="title has-text-dark is-5">CryptoGraphy Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/encrypt-decrypt">Encryption-Decryption</a></li> <li><a class="is-size-4-mobile" href="/hmac-generator">HMAC Generator</a></li> <li><a class="is-size-4-mobile" href="/md2-hash-generator">MD2 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md4-hash-generator">MD4 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md5-hash-generator">MD5 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/md6-hash-generator">MD6 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/ntlm-hash-generator">NTLM Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha1-hash-generator">SHA1 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha2-hash-generator">SHA2 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha224-hash-generator">SHA224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha256-hash-generator">SHA256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha384-hash-generator">SHA384 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-hash-generator">SHA512 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-224-hash-generator">SHA512/224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha512-256-hash-generator">SHA512/256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-224-hash-generator">SHA3-224 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-256-hash-generator">SHA3-256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-384-hash-generator">SHA3-384 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/sha3-512-hash-generator">SHA3-512 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/crc-16-hash-generator">CRC-16 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/crc-32-hash-generator">CRC-32 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/shake-128-hash-generator">Shake-128 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/shake-256-hash-generator">Shake-256 Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/whirlpool-hash-generator">Whirlpool Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/wordpress-password-hash-generator">Wordpress Password Hash Generator</a></li> </ul> </div> <div class="column"> <p class="title is-5"><a class="has-text-dark" href="/formatters-and-beautifiers">Beautifiers</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonviewer">JSON Beautifier</a></li> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/xmlviewer">XML Beautifier</a></li> <li><a class="is-size-4-mobile" href="/jsviewer">Javascript Beautifier</a></li> <li><a class="is-size-4-mobile" href="/yaml-beautifier">YAML Beautifier</a></li> <li><a class="is-size-4-mobile" href="/csharpviewer">C# Beautifier</a></li> <li><a class="is-size-4-mobile" href="/javaviewer">Java Beautifier</a></li> <li><a class="is-size-4-mobile" href="/c-formatter-beautifier">C Beautifier</a></li> <li><a class="is-size-4-mobile" href="/cpp-formatter-beautifier">C++ Beautifier</a></li> <li><a class="is-size-4-mobile" href="/typescript-formatter-online">TypeScript Formatter</a></li> <li><a class="is-size-4-mobile" href="/sqlformatter">SQL Formatter</a></li> <li><a class="is-size-4-mobile" href="/babel-formatter">Babel Formatter</a></li> <li><a class="is-size-4-mobile" href="/markdown-formatter">Markdown Formatter</a> </li> <li><a class="is-size-4-mobile" href="/mdx-formatter">MDX Formatter</a></li> <li><a class="is-size-4-mobile" href="/less-beautifier">LESS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/scss-beautifier">SCSS Beautifier</a></li> <li><a class="is-size-4-mobile" href="/graphql-beautifier">GraphQL Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/php-beautifier">PHP Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/python-formatter-beautifier">Python Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/perl-formatter-beautifier">Perl Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/ruby-formatter-beautifier">Ruby Beautifier</a> </li> <li><a class="is-size-4-mobile" href="/angular-formatter">Angular Formatter</a></li> <li><a class="is-size-4-mobile" href="/react-formatter">React Formatter</a></li> <li><a class="is-size-4-mobile" href="/lua-beautifier">Lua Beautifier</a></li> <li><a class="is-size-4-mobile" href="/xaml-beautifier">XAML Beautifier</a></li> </ul> <p class="title has-text-dark is-5">Minifier</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/jsonminifier">JSON Minify</a></li> <li><a class="is-size-4-mobile" href="/xml-minifier">XML Minify</a></li> <li><a class="is-size-4-mobile" href="/minify-js">Minify JS</a></li> <li><a class="is-size-4-mobile" href="/css-beautify-minify">CSS Minify</a></li> <li><a class="is-size-4-mobile" href="/sql-minifier">SQL Minifier</a></li> <li><a class="is-size-4-mobile" href="/minify-html">Minify HTML</a></li> <li><a class="is-size-4-mobile" href="/lua-minifier">Lua Minifier</a></li> <li><a class="is-size-4-mobile" href="/text-minifier">Text Minifier</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/csv-tools">CSV Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/csv-viewer">CSV Viewer</a></li> <li><a class="is-size-4-mobile" href="/csv-to-xml-json">CSV to XML/JSON</a></li> <li><a class="is-size-4-mobile" href="/csv-to-xml-converter">CSV to XML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-json-converter">CSV to JSON</a></li> <li><a class="is-size-4-mobile" href="/csv-to-html-converter">CSV to HTML</a></li> <li><a class="is-size-4-mobile" href="/csv-to-tsv-converter">CSV to TSV</a></li> <li><a class="is-size-4-mobile" href="/csv-to-multi-line-converter">CSV to MULTILINE DATA</a></li> <li><a class="is-size-4-mobile" href="/csv-to-sql-converter">CSV to SQL</a></li> <li><a class="is-size-4-mobile" href="/csv-to-excel-converter">CSV to Excel</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/string-functions"> String Utilities</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/upside-down-text">Upside Down Text</a></li> <li><a class="is-size-4-mobile" href="/random-word-generator">Random Word Generator</a></li> <li><a class="is-size-4-mobile" href="/ntlm-hash-generator">NTLM Hash Generator</a></li> <li><a class="is-size-4-mobile" href="/password-generator">Password Generator</a></li> <li><a class="is-size-4-mobile" href="/string-builder">String Builder</a></li> <li><a class="is-size-4-mobile" href="/number-to-word-converter">Number to Word Converter</a></li> <li><a class="is-size-4-mobile" href="/word-to-number-converter">Word to Number Converter</a></li> <li><a class="is-size-4-mobile" href="/wordcounter">WORD COUNTER</a></li> <li><a class="is-size-4-mobile" href="/word-repeater">Word Repeater</a></li> <li><a class="is-size-4-mobile" href="/reverse-string">Reverse String</a></li> <li><a class="is-size-4-mobile" href="/string-hex-converter">String to Hex Converter</a></li> <li><a class="is-size-4-mobile" href="/hex-string-converter">Hex to String Converter</a></li> <li><a class="is-size-4-mobile" href="/string-binary-converter">String to Binary Converter</a></li> <li><a class="is-size-4-mobile" href="/binary-string-converter">Binary to String Converter</a></li> <li><a class="is-size-4-mobile" href="/case-converter">Case Converter</a></li> <li><a class="is-size-4-mobile" href="/delimited-text-extractor">Delimited Text Extractor</a></li> <li><a class="is-size-4-mobile" href="/remove-accents">Remove Accents</a></li> <li><a class="is-size-4-mobile" href="/remove-duplicate-lines">Remove Duplicate Lines</a></li> <li><a class="is-size-4-mobile" href="/remove-empty-lines">Remove Empty Lines</a></li> <li><a class="is-size-4-mobile" href="/remove-extra-spaces">Remove Extra Spaces</a></li> <li><a class="is-size-4-mobile" href="/remove-whitespace">Remove Whitespace</a></li> <li><a class="is-size-4-mobile" href="/remove-line-breaks">Remove Line Breaks</a></li> <li><a class="is-size-4-mobile" href="/remove-lines-containing">Remove Lines Containing</a></li> <li><a class="is-size-4-mobile" href="/sort-text-lines">Sort Text Lines</a></li> <li><a class="is-size-4-mobile" href="/word-sorter">Word Sorter</a></li> <li><a class="is-size-4-mobile" href="/word-frequency-counter">Word Frequency Counter</a></li> <li><a class="is-size-4-mobile" href="/text-repeater">Text Repeater</a></li> <li><a class="is-size-4-mobile" href="/remove-punctuation">Remove Punctuation</a></li> </ul> <p class="title has-text-dark is-5">Syntax Highlighting</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/json-syntax-highlighting">JSON Syntax Highlighting</a></li> <li><a class="is-size-4-mobile" href="/xml-highlighter">XML Highlighter</a></li> <li><a class="is-size-4-mobile" href="/xml-pretty-print">XML Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/html-pretty-print">HTML Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/javascript-pretty-print">JS Pretty Print</a></li> <li><a class="is-size-4-mobile" href="/code-highlighter">Code Highlighter</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/compress-decompress-tools">Compress / Decompress</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/gzip-decompress-online">GZip Decompress Online</a></li> <li><a class="is-size-4-mobile" href="/zlib-decompress-online">Zlib Decompress Online</a></li> </ul> </div> <div class="column"> <p class="title has-text-dark is-5">Validators</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/cssvalidate">CSS Validator</a></li> <li><a class="is-size-4-mobile" href="/jsvalidate">JavaScript Validator</a></li> <li><a class="is-size-4-mobile" href="/jsonvalidator">JSON Validator</a></li> <li><a class="is-size-4-mobile" href="/json5-validator">JSON5 Validator</a></li> <li><a class="is-size-4-mobile" href="/xmlvalidator">XML Validator</a></li> <li><a class="is-size-4-mobile" href="/credit-card-validate">Credit Card Validator</a></li> <li><a class="is-size-4-mobile" href="/api-test">API Test</a></li> <li><a class="is-size-4-mobile" href="/yaml-validator">YAML Validator</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/number-tools">Number Utilities</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/all-number-converter">All Numbers Converter</a></li> <li><a class="is-size-4-mobile" href="/decimal-binary-converter">Decimal to Binary</a></li> <li><a class="is-size-4-mobile" href="/decimal-octal-converter">Decimal to Octal</a></li> <li><a class="is-size-4-mobile" href="/binary-decimal-converter">Binary to Decimal</a></li> <li><a class="is-size-4-mobile" href="/binary-hex-converter">Binary to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-octal-converter">Binary to Octal</a></li> <li><a class="is-size-4-mobile" href="/hex-decimal-converter">Hex to Decimal</a></li> <li><a class="is-size-4-mobile" href="/hex-binary-converter">Hex to Binary</a></li> <li><a class="is-size-4-mobile" href="/hex-octal-converter">Hex to Octal</a></li> <li><a class="is-size-4-mobile" href="/octal-decimal-converter">Octal toDecimal</a></li> <li><a class="is-size-4-mobile" href="/octal-binary-converter">Octal to Binary</a></li> <li><a class="is-size-4-mobile" href="/octal-hex-converter"> Octal to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-to-text">Binary to Text</a></li> <li><a class="is-size-4-mobile" href="/text-to-binary">Text to Binary</a></li> <li><a class="is-size-4-mobile" href="/ascii-to-text">ASCII to Text</a></li> <li><a class="is-size-4-mobile" href="/char-to-ascii">Char to ASCII</a></li> <li><a class="is-size-4-mobile" href="/reverse-hex">Reverse Hex</a></li> </ul> <p class="title is-5">Bitwise Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/bitwise-calculator">Bitwise Calculator</a></li> <li><a class="is-size-4-mobile" href="/xor-calculator">XOR Calculator</a></li> <li><a class="is-size-4-mobile" href="/and-calculator">AND Calculator</a></li> <li><a class="is-size-4-mobile" href="/nand-calculator">NAND Calculator</a></li> <li><a class="is-size-4-mobile" href="/or-calculator">OR Calculator</a></li> <li><a class="is-size-4-mobile" href="/nor-calculator">NOR Calculator</a></li> <li><a class="is-size-4-mobile" href="/xnor-calculator">XNOR Calculator</a></li> <!-- <li><a class="is-size-4-mobile" href="/not-calculator">NOT Calculator</a></li> --> </ul> <p class="title is-5"><a class="has-text-dark" href="/ip-tools">IP Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/hex-to-ip-converter">Hex to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-hex-converter">IP to Hex</a></li> <li><a class="is-size-4-mobile" href="/binary-to-ip-converter">Binary to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-binary-converter">IP to Binary</a></li> <li><a class="is-size-4-mobile" href="/decimal-to-ip-converter">Decimal to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-decimal-converter">IP to Decimal</a></li> <li><a class="is-size-4-mobile" href="/octal-to-ip-converter">Octal to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-octal-converter">IP to Octal</a></li> <li><a class="is-size-4-mobile" href="/ipv6-to-binary-converter">IPV6 to Binary</a></li> </ul> <p class="title has-text-dark is-5">Other Tools</p> <ul class="content"> <li><a class="is-size-4-mobile" href="/lorem-ipsum">Lorem-Ipsum</a></li> <li><a class="is-size-4-mobile" href="/share-link-generator">Sharelink Generator</a></li> <li><a class="is-size-4-mobile" href="/hostname-to-ip" title="Hostname to IP">Hostname to IP</a></li> <li><a class="is-size-4-mobile" href="/ip-to-hostname" title="IP to Hostname">IP to Hostname</a></li> <li><a class="is-size-4-mobile" href="/phone-number-to-ip-address-converter" title="Phone number to IP">Phone to IP Address</a></li> <li><a class="is-size-4-mobile" href="/ip-address-to-phone-number-converter" title="IP Address to Phone Number">IP Address to Phone</a></li> <li><a class="is-size-4-mobile" href="/dns-lookup" title="DNS Lookup">DNS Lookup</a></li> <li><a class="is-size-4-mobile" href="/mx-lookup" title="MX Lookup">MX Lookup</a></li> <li><a class="is-size-4-mobile" href="/name-server-lookup" title="name-server-lookup">Nameserver Lookup</a></li> <li><a class="is-size-4-mobile" href="/website-to-ip-address" title="Website to IP Address">Website to IP Address</a></li> <li><a class="is-size-4-mobile" href="/open-port-checker" title="Open Port Checker">Open Port Checker</a></li> <li><a class="is-size-4-mobile" href="/mirror-online" title="Webcame Test">Webcam Test</a></li> </ul> <p class="title is-5"><a class="has-text-dark" href="/random-tools">Random Tools</a></p> <ul class="content"> <li><a class="is-size-4-mobile" href="/generate-random-ip">Random IP Address</a></li> <li><a class="is-size-4-mobile" href="/generate-random-time">Random Time Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-uuid">Random UUID Generator</a></li> <li><a class="is-size-4-mobile" href="/json-generator">Random JSON Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-xml">Random XML Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-data-from-regexp">Random Data from Regex</a></li> <li><a class="is-size-4-mobile" href="/generate-random-csv">Random CSV Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-numbers">Random Number Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-integers">Random Integer Generator</a></li> <li><a class="is-size-4-mobile" href="/prime-number-generator">Random Prime Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-date">Random Date Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-bitmap">Random Bitmap Generator</a></li> <li><a class="is-size-4-mobile" href="/random-name-picker">Random Name Picker</a></li> <li><a class="is-size-4-mobile" href="/shuffle-lines">Text Lines shuffler</a></li> <li><a class="is-size-4-mobile" href="/generate-random-mac">MAC Address Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-hexadecimal-numbers">Random Hex Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-tsv">Random TSV Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-string">Random String Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-fractions">Random Fraction Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-integer-range">Random Integer Range Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-binary-numbers">Random Binary Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-bytes">Random Byte Generator</a></li> <li><a class="is-size-4-mobile" href="/generate-random-decimal-numbers">Random Decimal Generator</a></li> <li><a class="is-size-4-mobile" href="/random-alphanumeric-generator">Random Alphanumeric Generator</a></li> </ul> </div> </div> </div> </footer> <!-- End About Footer Link of the HomePage --><!-- Tag ID: codebeautify_billboard_4_2 --> <div align="center" data-freestar-ad="__336x280 __1200x280" id="codebeautify_billboard_4"> <script data-cfasync="false" type="text/javascript">
    freestar.config.enabled_slots.push({ placementName: "codebeautify_billboard_4", slotId: "codebeautify_billboard_4" });
  </script> </div> <!-- CSS for geo depending button --> <style> #pmLink { visibility: hidden; text-decoration: none; cursor: pointer; background: transparent; border: none; } #pmLink:hover { visibility: visible; color: grey; } </style> <!-- Start End Footer Section of the HomePage --> <section class="hero is-light"> <div class="hero-body"> <div class="container is-fluid"> <div class="columns is-centered buttons are-medium"> <a class="button is-light" href="https://goo.gl/1oWmPe" target="_blank" title="Buy us a Coffee" rel="noopener">Buy us a Coffee</a> <a class="button is-light" href="https://jsonformatter.org" target="_blank" title="JSON Formatter" rel="noopener">JSON Formatter</a> <a class="button is-light" href="/faq">FAQ</a> <a class="button is-light" href="/privacy-policy">Privacy Policy</a> <a class="button is-light" href="/aboutus">About</a> <a class="button is-light" href="/contactus">Contact</a> <a class="button is-light" href="/history">History</a> <a class="button is-light" href="/where-am-i-right-now">Where am I right now?</a> <a class="button is-light" href="https://codeblogmoney.com" rel="noopener">Blog</a> <a class="button is-light" href="/calculators/">Calculators</a> <a class="button is-light" href="https://seoinspector.pro" target="_blank" rel="noopener">SEO Inspector</a> <button id="pmLink">Privacy Manager</button> </div> </div> </div> </section> <footer class="footer has-background-dark" style="padding-bottom: 1rem;"> <div class="container has-text-centered"> <p class="has-text-light"> <span class="has-text-light has-text-weight-bold">Copyright ©</span> CodeBeautify 2024 | v9.2 </p> <br> <p class="has-text-light is-size-4"> Built with <span class="has-text-primary" title="Coffee"> <svg class="svgicon20"><use xlink:href="#cup"></use></svg></span> and <span class="has-text-danger" title="love"> <svg class="svgicon20"><use xlink:href="#heart"></use></svg></span> for you... </p> </div> </footer> <!-- End About Footer of the HomePage -->  <!-- End App Div --> <!-- include JS files dynamically based on Controller metadata footerjsinclude.php --> <!-- Including JS Files in HTML footer --> <!-- Including JS code in HTML footer !--> <!-- End write JS code in HTML footer !--> <!-- Google tag (gtag.js) GA4--> <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-S01YJXGZPD"></script> <script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-S01YJXGZPD');
</script> <!-- Start Error Model --> <div id="errorModal" class="modal"> <div class="modal-background" onclick="closeAllModal();"></div> <div class="modal-content"> <article class="message is-danger"> <div class="message-header"> <p>Error Message</p> </div> <div class="message-body"> <strong><p id="errorMessage"></p></strong> <div class="has-text-right"> <button class="button is-danger" onclick="closeAllModal();">Close</button> </div> </div> </article> </div> <button class="modal-close is-large" aria-label="close" onclick="closeAllModal();"></button> </div> <!-- End Error Model -->   <iframe name="__tcfapiLocator" style="display: none;"></iframe><iframe name="__gppLocator" style="display: none;"></iframe><div id="sp_message_container_1199859" style="display: block;"><iframe src="https://cdn.privacy-mgmt.com/index.html?hasCsp=true&amp;message_id=1199859&amp;consentUUID=null&amp;consent_origin=https%3A%2F%2Fcdn.privacy-mgmt.com%2Fconsent%2Ftcfv2&amp;preload_message=true&amp;version=v1" id="sp_message_iframe_1199859" title="SP Consent Message"></iframe></div></body></html>