{"version":3,"sources":["webpack:///./src/router/views/forms/editors.vue?5674","webpack:///src/router/views/forms/editors.vue","webpack:///./src/router/views/forms/editors.vue?23f5","webpack:///./src/router/views/forms/editors.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","items","staticClass","_v","editor","model","value","callback","$$v","editorData","expression","plugins","toolbar","options","content","staticRenderFns","page","meta","components","data","height","style_formats","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQN,EAAIO,MAAM,MAAQP,EAAIQ,SAASJ,EAAG,MAAM,CAACK,YAAY,OAAO,CAACL,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,KAAK,CAACK,YAAY,cAAc,CAACT,EAAIU,GAAG,eAAeN,EAAG,IAAI,CAACK,YAAY,mBAAmB,CAACT,EAAIU,GAAG,8CAA8CN,EAAG,WAAW,CAACE,MAAM,CAAC,OAASN,EAAIW,QAAQC,MAAM,CAACC,MAAOb,EAAc,WAAEc,SAAS,SAAUC,GAAMf,EAAIgB,WAAWD,GAAKE,WAAW,iBAAiB,SAASb,EAAG,MAAM,CAACK,YAAY,OAAO,CAACL,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,KAAK,CAACK,YAAY,cAAc,CAACT,EAAIU,GAAG,oBAAoBN,EAAG,IAAI,CAACK,YAAY,mBAAmB,CAACT,EAAIU,GAAG,mKAAmKN,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,KAAK,QAAUN,EAAIkB,QAAQ,QAAUlB,EAAImB,QAAQ,cAAgBnB,EAAIoB,SAASR,MAAM,CAACC,MAAOb,EAAW,QAAEc,SAAS,SAAUC,GAAMf,EAAIqB,QAAQN,GAAKE,WAAW,cAAc,UAAU,IAC/rCK,EAAkB,G,oGCUtB,GACEC,KAAM,CACJhB,MAAO,eACPiB,KAAM,CAAC,CAAX,4CAEEC,WAAY,CAAd,wDACEC,KANF,WAOI,MAAO,CACLnB,MAAO,eACPC,MAAO,CACb,CACQ,KAAR,QACQ,KAAR,KAEA,CACQ,KAAR,eACQ,QAAR,IAGMG,OAAQ,EAAd,EACMK,WACN,wEACMK,QAAS,gCAETH,QAAS,CACf,2FACA,oGACA,4EAEMC,QACN,sNACMC,QAAS,CACPO,OAAQ,IACRC,cAAe,CACvB,CAAU,MAAV,YAAU,OAAV,KACA,CAAU,MAAV,WAAU,OAAV,OAAU,OAAV,mBACA,CAAU,MAAV,aAAU,MAAV,KAAU,OAAV,mBACA,CAAU,MAAV,YAAU,OAAV,OAAU,QAAV,YACA,CAAU,MAAV,YAAU,OAAV,OAAU,QAAV,YACA,CAAU,MAAV,gBACA,CAAU,MAAV,cAAU,SAAV,KAAU,QAAV,kBCnD+W,I,YCO3WC,EAAY,eACd,EACA9B,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAO,E","file":"js/chunk-2d0d7c95.8b10bf36.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"CK Editor\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\"Super simple wysiwyg editor on Bootstrap\")]),_c('ckeditor',{attrs:{\"editor\":_vm.editor},model:{value:(_vm.editorData),callback:function ($$v) {_vm.editorData=$$v},expression:\"editorData\"}})],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('h4',{staticClass:\"card-title\"},[_vm._v(\"Tinymce Editor\")]),_c('p',{staticClass:\"card-title-desc\"},[_vm._v(\" Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5 and Twitter Bootstrap. \")]),_c('tinymce',{attrs:{\"id\":\"d1\",\"plugins\":_vm.plugins,\"toolbar\":_vm.toolbar,\"other_options\":_vm.options},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}})],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport CKEditor from \"@ckeditor/ckeditor5-vue\";\r\nimport ClassicEditor from \"@ckeditor/ckeditor5-build-classic\";\r\n\r\nimport Layout from \"../../layouts/main\";\r\nimport PageHeader from \"@/components/page-header\";\r\nimport appConfig from \"@/app.config\";\r\n\r\n/**\r\n * Editors component\r\n */\r\nexport default {\r\n  page: {\r\n    title: \"Form Editors\",\r\n    meta: [{ name: \"description\", content: appConfig.description }],\r\n  },\r\n  components: { Layout, PageHeader, ckeditor: CKEditor.component },\r\n  data() {\r\n    return {\r\n      title: \"Form Editors\",\r\n      items: [\r\n        {\r\n          text: \"Forms\",\r\n          href: \"/\",\r\n        },\r\n        {\r\n          text: \"Form Editors\",\r\n          active: true,\r\n        },\r\n      ],\r\n      editor: ClassicEditor,\r\n      editorData:\r\n        \"<h3>Hello World!</h3><h5><b>This is an simple editable area.</b></h5>\",\r\n      content: \"<h1>Some initial content</h1>\",\r\n\r\n      plugins: [\r\n        \"advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker\",\r\n        \"searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking\",\r\n        \"save table contextmenu directionality emoticons template paste textcolor\",\r\n      ],\r\n      toolbar:\r\n        \"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor emoticons\",\r\n      options: {\r\n        height: 300,\r\n        style_formats: [\r\n          { title: \"Bold text\", inline: \"b\" },\r\n          { title: \"Red text\", inline: \"span\", styles: { color: \"#ff0000\" } },\r\n          { title: \"Red header\", block: \"h1\", styles: { color: \"#ff0000\" } },\r\n          { title: \"Example 1\", inline: \"span\", classes: \"example1\" },\r\n          { title: \"Example 2\", inline: \"span\", classes: \"example2\" },\r\n          { title: \"Table styles\" },\r\n          { title: \"Table row 1\", selector: \"tr\", classes: \"tablerow1\" },\r\n        ],\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <Layout>\r\n    <PageHeader :title=\"title\" :items=\"items\" />\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h4 class=\"card-title\">CK Editor</h4>\r\n            <p class=\"card-title-desc\">Super simple wysiwyg editor on Bootstrap</p>\r\n            <!-- Editor -->\r\n            <ckeditor v-model=\"editorData\" :editor=\"editor\"></ckeditor>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"row\">\r\n      <div class=\"col-12\">\r\n        <div class=\"card\">\r\n          <div class=\"card-body\">\r\n            <h4 class=\"card-title\">Tinymce Editor</h4>\r\n            <p class=\"card-title-desc\">\r\n              Bootstrap-wysihtml5 is a javascript\r\n              plugin that makes it easy to create simple, beautiful wysiwyg editors\r\n              with the help of wysihtml5 and Twitter Bootstrap.\r\n            </p>\r\n            <tinymce\r\n              id=\"d1\"\r\n              v-model=\"content\"\r\n              :plugins=\"plugins\"\r\n              :toolbar=\"toolbar\"\r\n              :other_options=\"options\"\r\n            ></tinymce>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </Layout>\r\n</template>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editors.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./editors.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editors.vue?vue&type=template&id=2e2ab7e7&\"\nimport script from \"./editors.vue?vue&type=script&lang=js&\"\nexport * from \"./editors.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}