diff --git a/dist/index.min.js b/dist/index.min.js
index a77e264..124b7c9 100644
--- a/dist/index.min.js
+++ b/dist/index.min.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.CodeBox=t():e.CodeBox=t()}(window,(function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}([function(e,t,n){function r(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}n(1).toString();var o=n(6),i=o.DEFAULT_THEMES,a=o.COMMON_LANGUAGES,s=function(){function e(t){var n=t.data,r=t.api,o=t.config;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.api=r,this.config={themeName:o.themeName&&"string"==typeof o.themeName?o.themeName:"",themeURL:o.themeURL&&"string"==typeof o.themeURL?o.themeURL:"",useDefaultTheme:o.useDefaultTheme&&"string"==typeof o.useDefaultTheme&&i.includes(o.useDefaultTheme.toLowerCase())?o.useDefaultTheme:"dark"},this.data={code:n.code&&"string"==typeof n.code?n.code:"",language:n.language&&"string"==typeof n.language?n.language:"Auto-detect",theme:n.theme&&"string"==typeof n.theme?n.theme:this._getThemeURLFromConfig()},this.highlightScriptID="highlightJSScriptElement",this.highlightCSSID="highlightJSCSSElement",this.codeArea=document.createElement("div"),this.selectInput=document.createElement("input"),this.selectDropIcon=document.createElement("i"),this._injectHighlightJSScriptElement(),this._injectHighlightJSCSSElement(),this.api.listeners.on(window,"click",this._closeAllLanguageSelects,!0)}var t,n,o;return t=e,o=[{key:"sanitize",get:function(){return{code:!0,language:!1,theme:!1}}},{key:"toolbox",get:function(){return{title:"CodeBox",icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.71,6.29a1,1,0,0,0-1.42,0l-5,5a1,1,0,0,0,0,1.42l5,5a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L5.41,12l4.3-4.29A1,1,0,0,0,9.71,6.29Zm11,5-5-5a1,1,0,0,0-1.42,1.42L18.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5A1,1,0,0,0,20.71,11.29Z"/></svg>'}}},{key:"displayInToolbox",get:function(){return!0}},{key:"enableLineBreaks",get:function(){return!0}}],(n=[{key:"render",value:function(){var e=this,t=document.createElement("pre"),n=this._createLanguageSelectElement();return t.setAttribute("class","codeBoxHolder"),this.codeArea.setAttribute("class","codeBoxTextArea ".concat(this.config.useDefaultTheme," ").concat(this.data.language)),this.codeArea.setAttribute("contenteditable",!0),this.codeArea.innerHTML=this.data.code,this.api.listeners.on(this.codeArea,"blur",(function(t){return e._highlightCodeArea(t)}),!1),this.api.listeners.on(this.codeArea,"paste",(function(t){return e._handleCodeAreaPaste(t)}),!1),t.appendChild(this.codeArea),t.appendChild(n),t}},{key:"save",value:function(e){return Object.assign(this.data,{code:this.codeArea.innerHTML,theme:this._getThemeURLFromConfig()})}},{key:"validate",value:function(e){return!!e.code.trim()}},{key:"destroy",value:function(){var e=this;this.api.listeners.off(window,"click",this._closeAllLanguageSelects,!0),this.api.listeners.off(this.codeArea,"blur",(function(t){return e._highlightCodeArea(t)}),!1),this.api.listeners.off(this.codeArea,"paste",(function(t){return e._handleCodeAreaPaste(t)}),!1),this.api.listeners.off(this.selectInput,"click",(function(t){return e._handleSelectInputClick(t)}),!1)}},{key:"_createLanguageSelectElement",value:function(){var e=this,t=document.createElement("div"),n=document.createElement("div"),r=Object.entries(a);return t.setAttribute("class","codeBoxSelectDiv"),this.selectDropIcon.setAttribute("class","codeBoxSelectDropIcon ".concat(this.config.useDefaultTheme)),this.selectDropIcon.innerHTML="&#8595;",this.selectInput.setAttribute("class","codeBoxSelectInput ".concat(this.config.useDefaultTheme)),this.selectInput.setAttribute("type","text"),this.selectInput.setAttribute("readonly",!0),this.selectInput.value=this.data.language,this.api.listeners.on(this.selectInput,"click",(function(t){return e._handleSelectInputClick(t)}),!1),n.setAttribute("class","codeBoxSelectPreview"),r.forEach((function(t){var r=document.createElement("p");r.setAttribute("class","codeBoxSelectItem ".concat(e.config.useDefaultTheme)),r.setAttribute("data-key",t[0]),r.textContent=t[1],e.api.listeners.on(r,"click",(function(n){return e._handleSelectItemClick(n,t)}),!1),n.appendChild(r)})),t.appendChild(this.selectDropIcon),t.appendChild(this.selectInput),t.appendChild(n),t}},{key:"_highlightCodeArea",value:function(e){hljs.highlightBlock(this.codeArea)}},{key:"_handleCodeAreaPaste",value:function(e){e.stopPropagation()}},{key:"_handleSelectInputClick",value:function(e){e.target.nextSibling.classList.toggle("codeBoxShow")}},{key:"_handleSelectItemClick",value:function(e,t){e.target.parentNode.parentNode.querySelector(".codeBoxSelectInput").value=t[1],e.target.parentNode.classList.remove("codeBoxShow"),this.codeArea.removeAttribute("class"),this.data.language=t[0],this.codeArea.setAttribute("class","codeBoxTextArea ".concat(this.config.useDefaultTheme," ").concat(this.data.language)),hljs.highlightBlock(this.codeArea)}},{key:"_closeAllLanguageSelects",value:function(){for(var e=document.querySelectorAll(".codeBoxSelectPreview"),t=0,n=e.length;t<n;t++)e[t].classList.remove("codeBoxShow")}},{key:"_injectHighlightJSScriptElement",value:function(){var e=document.querySelector("#".concat(this.highlightScriptID)),t="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/highlight.min.js";if(e)e.setAttribute("src",t);else{var n=document.createElement("script"),r=document.querySelector("head");n.setAttribute("src",t),n.setAttribute("id",this.highlightScriptID),r&&r.appendChild(n)}}},{key:"_injectHighlightJSCSSElement",value:function(){var e=document.querySelector("#".concat(this.highlightCSSID)),t=this._getThemeURLFromConfig();if(e)e.setAttribute("href",t);else{var n=document.createElement("link"),r=document.querySelector("head");n.setAttribute("rel","stylesheet"),n.setAttribute("href",t),n.setAttribute("id",this.highlightCSSID),r&&r.appendChild(n)}}},{key:"_getThemeURLFromConfig",value:function(){var e="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-".concat(this.config.useDefaultTheme,".min.css");return this.config.themeName&&(e="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/".concat(this.config.themeName,".min.css")),this.config.themeURL&&(e=this.config.themeURL),e}}])&&r(t.prototype,n),o&&r(t,o),e}();e.exports=s},function(e,t,n){var r=n(2);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(4)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){(e.exports=n(3)(!1)).push([e.i,".codeBoxHolder{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n}\r\n\r\n.codeBoxTextArea{\r\n  width: 100%;\r\n  min-height: 30px;\r\n  padding: 10px;\r\n  border-radius: 2px 2px 2px 0;\r\n  border: none !important;\r\n  outline: none !important;\r\n  font: 14px monospace;\r\n}\r\n\r\n.codeBoxSelectDiv{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  position: relative;\r\n}\r\n\r\n.codeBoxSelectInput{\r\n  border-radius: 0 0 20px 2px;\r\n  padding: 2px 26px;\r\n  padding-top: 0;\r\n  padding-right: 0;\r\n  text-align: left;\r\n  cursor: pointer;\r\n  border: none !important;\r\n  outline: none !important;\r\n}\r\n\r\n.codeBoxSelectDropIcon{\r\n  position: absolute !important;\r\n  left: 10px !important;\r\n  bottom: 0 !important;\r\n  width: unset !important;\r\n  height: unset !important;\r\n  font-size: 16px !important;\r\n}\r\n\r\n.codeBoxSelectPreview{\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n  align-items: flex-start;\r\n  border-radius: 2px;\r\n  box-shadow: 0 3px 15px -3px rgba(13,20,33,.13);\r\n  position: absolute;\r\n  top: 100%;\r\n  margin: 5px 0;\r\n  max-height: 30vh;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n  z-index: 10000;\r\n}\r\n\r\n.codeBoxSelectItem{\r\n  width: 100%;\r\n  padding: 5px 20px;\r\n  margin: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.codeBoxSelectItem:hover{\r\n  opacity: 0.7;\r\n}\r\n\r\n.codeBoxSelectedItem{\r\n  background-color: lightblue !important;\r\n}\r\n\r\n.codeBoxShow{\r\n  display: flex !important;\r\n}\r\n\r\n.dark{\r\n  color: #abb2bf;\r\n  background-color: #282c34;\r\n}\r\n\r\n.light{\r\n  color: #383a42;\r\n  background-color: #fafafa;\r\n}\r\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(a=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),i=r.sources.map((function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"}));return[n].concat(i).concat([o]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var i=this[o][0];"number"==typeof i&&(r[i]=!0)}for(o=0;o<e.length;o++){var a=e[o];"number"==typeof a[0]&&r[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var r,o,i={},a=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),s=function(e){return document.querySelector(e)},c=function(e){var t={};return function(e){if("function"==typeof e)return e();if(void 0===t[e]){var n=s.call(this,e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}}(),l=null,u=0,h=[],f=n(5);function d(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=i[r.id];if(o){o.refs++;for(var a=0;a<o.parts.length;a++)o.parts[a](r.parts[a]);for(;a<r.parts.length;a++)o.parts.push(y(r.parts[a],t))}else{var s=[];for(a=0;a<r.parts.length;a++)s.push(y(r.parts[a],t));i[r.id]={id:r.id,refs:1,parts:s}}}}function p(e,t){for(var n=[],r={},o=0;o<e.length;o++){var i=e[o],a=t.base?i[0]+t.base:i[0],s={css:i[1],media:i[2],sourceMap:i[3]};r[a]?r[a].parts.push(s):n.push(r[a]={id:a,parts:[s]})}return n}function g(e,t){var n=c(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=h[h.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),h.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=c(e.insertInto+" "+e.insertAt.before);n.insertBefore(t,o)}}function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=h.indexOf(e);t>=0&&h.splice(t,1)}function v(e){var t=document.createElement("style");return void 0===e.attrs.type&&(e.attrs.type="text/css"),b(t,e.attrs),g(e,t),t}function b(e,t){Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])}))}function y(e,t){var n,r,o,i;if(t.transform&&e.css){if(!(i=t.transform(e.css)))return function(){};e.css=i}if(t.singleton){var a=u++;n=l||(l=v(t)),r=A.bind(null,n,a,!1),o=A.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(t,e.attrs),g(e,t),t}(t),r=C.bind(null,n,t),o=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),r=w.bind(null,n),o=function(){m(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=p(e,t);return d(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var a=n[o];(s=i[a.id]).refs--,r.push(s)}e&&d(p(e,t),t);for(o=0;o<r.length;o++){var s;if(0===(s=r[o]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete i[s.id]}}}};var x,S=(x=[],function(e,t){return x[e]=t,x.filter(Boolean).join("\n")});function A(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=S(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function w(e,t){var n=t.css,r=t.media;if(r&&e.setAttribute("media",r),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function C(e,t,n){var r=n.css,o=n.sourceMap,i=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||i)&&(r=f(r)),o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var a=new Blob([r],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var o,i=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(i)?e:(o=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:r+i.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")}))}},function(e,t){e.exports={DEFAULT_THEMES:["light","dark"],COMMON_LANGUAGES:{none:"Auto-detect",apache:"Apache",bash:"Bash",cs:"C#",cpp:"C++",css:"CSS",coffeescript:"CoffeeScript",diff:"Diff",go:"Go",html:"HTML, XML",http:"HTTP",json:"JSON",java:"Java",javascript:"JavaScript",kotlin:"Kotlin",less:"Less",lua:"Lua",makefile:"Makefile",markdown:"Markdown",nginx:"Nginx",objectivec:"Objective-C",php:"PHP",perl:"Perl",properties:"Properties",python:"Python",ruby:"Ruby",rust:"Rust",scss:"SCSS",sql:"SQL",shell:"Shell Session",swift:"Swift",toml:"TOML, also INI",typescript:"TypeScript",yaml:"YAML",plaintext:"Plaintext"}}}])}));
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.CodeBox=t():e.CodeBox=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var i=t[o]={i:o,l:!1,exports:{}};return e[o].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(o,i,function(t){return e[t]}.bind(null,i));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=0)}([function(e,t,n){function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}n(1).toString();var i=n(6),r=i.DEFAULT_THEMES,a=i.COMMON_LANGUAGES,s=function(){function e(t){var n=t.data,o=t.api,i=t.config,a=t.readOnly;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.api=o,this.readOnly=a,this.config={themeName:i.themeName&&"string"==typeof i.themeName?i.themeName:"",themeURL:i.themeURL&&"string"==typeof i.themeURL?i.themeURL:"",useDefaultTheme:i.useDefaultTheme&&"string"==typeof i.useDefaultTheme&&r.includes(i.useDefaultTheme.toLowerCase())?i.useDefaultTheme:"dark"},this.data={code:n.code&&"string"==typeof n.code?n.code:"",language:n.language&&"string"==typeof n.language?n.language:"Auto-detect",theme:n.theme&&"string"==typeof n.theme?n.theme:this._getThemeURLFromConfig()},this.highlightScriptID="highlightJSScriptElement",this.highlightCSSID="highlightJSCSSElement",this.codeArea=document.createElement("div"),this.selectInput=document.createElement("input"),this.selectDropIcon=document.createElement("i"),this._injectHighlightJSScriptElement(),this._injectHighlightJSCSSElement(),this.api.listeners.on(window,"click",this._closeAllLanguageSelects,!0)}var t,n,i;return t=e,i=[{key:"sanitize",get:function(){return{code:!0,language:!1,theme:!1}}},{key:"toolbox",get:function(){return{title:"CodeBox",icon:'<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.71,6.29a1,1,0,0,0-1.42,0l-5,5a1,1,0,0,0,0,1.42l5,5a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L5.41,12l4.3-4.29A1,1,0,0,0,9.71,6.29Zm11,5-5-5a1,1,0,0,0-1.42,1.42L18.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5A1,1,0,0,0,20.71,11.29Z"/></svg>'}}},{key:"isReadOnlySupported",get:function(){return!0}},{key:"displayInToolbox",get:function(){return!0}},{key:"enableLineBreaks",get:function(){return!0}}],(n=[{key:"render",value:function(){var e=this,t=document.createElement("pre"),n=this._createLanguageSelectElement();return t.setAttribute("class","codeBoxHolder"),this.codeArea.setAttribute("class","codeBoxTextArea ".concat(this.config.useDefaultTheme," ").concat(this.data.language)),this.codeArea.setAttribute("contenteditable",!0),this.codeArea.innerHTML=this.data.code,this.api.listeners.on(this.codeArea,"blur",(function(t){return e._highlightCodeArea(t)}),!1),this.api.listeners.on(this.codeArea,"paste",(function(t){return e._handleCodeAreaPaste(t)}),!1),this.readOnly?this.codeArea.setAttribute("contenteditable",!1):this.codeArea.setAttribute("contenteditable",!0),t.appendChild(this.codeArea),t.appendChild(n),t}},{key:"save",value:function(e){return Object.assign(this.data,{code:this.codeArea.innerHTML,theme:this._getThemeURLFromConfig()})}},{key:"validate",value:function(e){return!!e.code.trim()}},{key:"destroy",value:function(){var e=this;this.api.listeners.off(window,"click",this._closeAllLanguageSelects,!0),this.api.listeners.off(this.codeArea,"blur",(function(t){return e._highlightCodeArea(t)}),!1),this.api.listeners.off(this.codeArea,"paste",(function(t){return e._handleCodeAreaPaste(t)}),!1),this.api.listeners.off(this.selectInput,"click",(function(t){return e._handleSelectInputClick(t)}),!1)}},{key:"_createLanguageSelectElement",value:function(){var e=this,t=document.createElement("div"),n=document.createElement("div"),o=Object.entries(a);return t.setAttribute("class","codeBoxSelectDiv"),this.selectDropIcon.setAttribute("class","codeBoxSelectDropIcon ".concat(this.config.useDefaultTheme)),this.selectDropIcon.innerHTML="&#8595;",this.selectInput.setAttribute("class","codeBoxSelectInput ".concat(this.config.useDefaultTheme)),this.selectInput.setAttribute("type","text"),this.selectInput.setAttribute("readonly",!0),this.selectInput.value=this.data.language,this.api.listeners.on(this.selectInput,"click",(function(t){return e._handleSelectInputClick(t)}),!1),n.setAttribute("class","codeBoxSelectPreview"),o.forEach((function(t){var o=document.createElement("p");o.setAttribute("class","codeBoxSelectItem ".concat(e.config.useDefaultTheme)),o.setAttribute("data-key",t[0]),o.textContent=t[1],e.api.listeners.on(o,"click",(function(n){return e._handleSelectItemClick(n,t)}),!1),n.appendChild(o)})),t.appendChild(this.selectDropIcon),t.appendChild(this.selectInput),t.appendChild(n),t}},{key:"_highlightCodeArea",value:function(e){hljs.highlightBlock(this.codeArea)}},{key:"_handleCodeAreaPaste",value:function(e){e.stopPropagation()}},{key:"_handleSelectInputClick",value:function(e){e.target.nextSibling.classList.toggle("codeBoxShow")}},{key:"_handleSelectItemClick",value:function(e,t){e.target.parentNode.parentNode.querySelector(".codeBoxSelectInput").value=t[1],e.target.parentNode.classList.remove("codeBoxShow"),this.codeArea.removeAttribute("class"),this.data.language=t[0],this.codeArea.setAttribute("class","codeBoxTextArea ".concat(this.config.useDefaultTheme," ").concat(this.data.language)),hljs.highlightBlock(this.codeArea)}},{key:"_closeAllLanguageSelects",value:function(){for(var e=document.querySelectorAll(".codeBoxSelectPreview"),t=0,n=e.length;t<n;t++)e[t].classList.remove("codeBoxShow")}},{key:"_injectHighlightJSScriptElement",value:function(){var e=document.querySelector("#".concat(this.highlightScriptID)),t="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/highlight.min.js";if(e)e.setAttribute("src",t);else{var n=document.createElement("script"),o=document.querySelector("head");n.setAttribute("src",t),n.setAttribute("id",this.highlightScriptID),o&&o.appendChild(n)}}},{key:"_injectHighlightJSCSSElement",value:function(){var e=document.querySelector("#".concat(this.highlightCSSID)),t=this._getThemeURLFromConfig();if(e)e.setAttribute("href",t);else{var n=document.createElement("link"),o=document.querySelector("head");n.setAttribute("rel","stylesheet"),n.setAttribute("href",t),n.setAttribute("id",this.highlightCSSID),o&&o.appendChild(n)}}},{key:"_getThemeURLFromConfig",value:function(){var e="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/atom-one-".concat(this.config.useDefaultTheme,".min.css");return this.config.themeName&&(e="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.18.1/build/styles/".concat(this.config.themeName,".min.css")),this.config.themeURL&&(e=this.config.themeURL),e}}])&&o(t.prototype,n),i&&o(t,i),Object.defineProperty(t,"prototype",{writable:!1}),e}();e.exports=s},function(e,t,n){var o=n(2);"string"==typeof o&&(o=[[e.i,o,""]]);var i={hmr:!0,transform:void 0,insertInto:void 0};n(4)(o,i);o.locals&&(e.exports=o.locals)},function(e,t,n){(e.exports=n(3)(!1)).push([e.i,".codeBoxHolder{\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n.codeBoxTextArea{\n  width: 100%;\n  min-height: 30px;\n  padding: 10px;\n  border-radius: 2px 2px 2px 0;\n  border: none !important;\n  outline: none !important;\n  font: 14px monospace;\n}\n\n.codeBoxSelectDiv{\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  position: relative;\n}\n\n.codeBoxSelectInput{\n  border-radius: 0 0 20px 2px;\n  padding: 2px 26px;\n  padding-top: 0;\n  padding-right: 0;\n  text-align: left;\n  cursor: pointer;\n  border: none !important;\n  outline: none !important;\n}\n\n.codeBoxSelectDropIcon{\n  position: absolute !important;\n  left: 10px !important;\n  bottom: 0 !important;\n  width: unset !important;\n  height: unset !important;\n  font-size: 16px !important;\n}\n\n.codeBoxSelectPreview{\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n  border-radius: 2px;\n  box-shadow: 0 3px 15px -3px rgba(13,20,33,.13);\n  position: absolute;\n  top: 100%;\n  margin: 5px 0;\n  max-height: 30vh;\n  overflow-x: hidden;\n  overflow-y: auto;\n  z-index: 10000;\n}\n\n.codeBoxSelectItem{\n  width: 100%;\n  padding: 5px 20px;\n  margin: 0;\n  cursor: pointer;\n}\n\n.codeBoxSelectItem:hover{\n  opacity: 0.7;\n}\n\n.codeBoxSelectedItem{\n  background-color: lightblue !important;\n}\n\n.codeBoxShow{\n  display: flex !important;\n}\n\n.dark{\n  color: #abb2bf;\n  background-color: #282c34;\n}\n\n.light{\n  color: #383a42;\n  background-color: #fafafa;\n}\n",""])},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",o=e[3];if(!o)return n;if(t&&"function"==typeof btoa){var i=(a=o,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+" */"),r=o.sources.map((function(e){return"/*# sourceURL="+o.sourceRoot+e+" */"}));return[n].concat(r).concat([i]).join("\n")}var a;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<e.length;i++){var a=e[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),t.push(a))}},t}},function(e,t,n){var o,i,r={},a=(o=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===i&&(i=o.apply(this,arguments)),i}),s=function(e){return document.querySelector(e)},c=function(e){var t={};return function(e){if("function"==typeof e)return e();if(void 0===t[e]){var n=s.call(this,e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}}(),l=null,u=0,h=[],d=n(5);function f(e,t){for(var n=0;n<e.length;n++){var o=e[n],i=r[o.id];if(i){i.refs++;for(var a=0;a<i.parts.length;a++)i.parts[a](o.parts[a]);for(;a<o.parts.length;a++)i.parts.push(y(o.parts[a],t))}else{var s=[];for(a=0;a<o.parts.length;a++)s.push(y(o.parts[a],t));r[o.id]={id:o.id,refs:1,parts:s}}}}function p(e,t){for(var n=[],o={},i=0;i<e.length;i++){var r=e[i],a=t.base?r[0]+t.base:r[0],s={css:r[1],media:r[2],sourceMap:r[3]};o[a]?o[a].parts.push(s):n.push(o[a]={id:a,parts:[s]})}return n}function g(e,t){var n=c(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=h[h.length-1];if("top"===e.insertAt)o?o.nextSibling?n.insertBefore(t,o.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),h.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var i=c(e.insertInto+" "+e.insertAt.before);n.insertBefore(t,i)}}function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=h.indexOf(e);t>=0&&h.splice(t,1)}function v(e){var t=document.createElement("style");return void 0===e.attrs.type&&(e.attrs.type="text/css"),b(t,e.attrs),g(e,t),t}function b(e,t){Object.keys(t).forEach((function(n){e.setAttribute(n,t[n])}))}function y(e,t){var n,o,i,r;if(t.transform&&e.css){if(!(r=t.transform(e.css)))return function(){};e.css=r}if(t.singleton){var a=u++;n=l||(l=v(t)),o=A.bind(null,n,a,!1),i=A.bind(null,n,a,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",b(t,e.attrs),g(e,t),t}(t),o=C.bind(null,n,t),i=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),o=w.bind(null,n),i=function(){m(n)});return o(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;o(e=t)}else i()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=p(e,t);return f(n,t),function(e){for(var o=[],i=0;i<n.length;i++){var a=n[i];(s=r[a.id]).refs--,o.push(s)}e&&f(p(e,t),t);for(i=0;i<o.length;i++){var s;if(0===(s=o[i]).refs){for(var c=0;c<s.parts.length;c++)s.parts[c]();delete r[s.id]}}}};var x,S=(x=[],function(e,t){return x[e]=t,x.filter(Boolean).join("\n")});function A(e,t,n,o){var i=n?"":o.css;if(e.styleSheet)e.styleSheet.cssText=S(t,i);else{var r=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(r,a[t]):e.appendChild(r)}}function w(e,t){var n=t.css,o=t.media;if(o&&e.setAttribute("media",o),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}function C(e,t,n){var o=n.css,i=n.sourceMap,r=void 0===t.convertToAbsoluteUrls&&i;(t.convertToAbsoluteUrls||r)&&(o=d(o)),i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([o],{type:"text/css"}),s=e.href;e.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,o=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(e,t){var i,r=t.trim().replace(/^"(.*)"$/,(function(e,t){return t})).replace(/^'(.*)'$/,(function(e,t){return t}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(r)?e:(i=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:o+r.replace(/^\.\//,""),"url("+JSON.stringify(i)+")")}))}},function(e,t){e.exports={DEFAULT_THEMES:["light","dark"],COMMON_LANGUAGES:{none:"Auto-detect",apache:"Apache",bash:"Bash",cs:"C#",cpp:"C++",css:"CSS",coffeescript:"CoffeeScript",diff:"Diff",go:"Go",html:"HTML, XML",http:"HTTP",json:"JSON",java:"Java",javascript:"JavaScript",kotlin:"Kotlin",less:"Less",lua:"Lua",makefile:"Makefile",markdown:"Markdown",nginx:"Nginx",objectivec:"Objective-C",php:"PHP",perl:"Perl",properties:"Properties",python:"Python",ruby:"Ruby",rust:"Rust",scss:"SCSS",sql:"SQL",shell:"Shell Session",swift:"Swift",toml:"TOML, also INI",typescript:"TypeScript",yaml:"YAML",plaintext:"Plaintext"}}}])}));
diff --git a/src/index.js b/src/index.js
index ae0bd47..43f4584 100644
--- a/src/index.js
+++ b/src/index.js
@@ -14,8 +14,9 @@ const { DEFAULT_THEMES, COMMON_LANGUAGES } = require('./constants');
 //#endregion
 
 class CodeBox {
-  constructor({ data, api, config }){
+  constructor({ data, api, config, readOnly}){
     this.api = api;
+    this.readOnly = readOnly;
     this.config = {
       themeName: config.themeName && typeof config.themeName === 'string' ? config.themeName : '',
       themeURL: config.themeURL && typeof config.themeURL === 'string' ? config.themeURL : '',
@@ -54,6 +55,10 @@ class CodeBox {
     };
   }
 
+  static get isReadOnlySupported() {
+    return true;
+  }
+
   static get displayInToolbox() {
     return true;
   }
@@ -73,6 +78,12 @@ class CodeBox {
     this.api.listeners.on(this.codeArea, 'blur', event => this._highlightCodeArea(event), false);
     this.api.listeners.on(this.codeArea, 'paste', event => this._handleCodeAreaPaste(event), false);
 
+    if(this.readOnly) {
+      this.codeArea.setAttribute('contenteditable', false);
+    } else {
+      this.codeArea.setAttribute('contenteditable', true);
+    }
+
     codeAreaHolder.appendChild(this.codeArea);
     codeAreaHolder.appendChild(languageSelect);