{"version":3,"sources":["webpack:///./src/router/views/forms/editors.vue","webpack:///src/router/views/forms/editors.vue","webpack:///./src/router/views/forms/editors.vue?fcab","webpack:///./src/router/views/forms/editors.vue?13a5"],"names":["render","_vm","this","_c","_self","attrs","title","items","staticClass","_v","editor","model","value","editorData","callback","$$v","expression","plugins","toolbar","options","content","staticRenderFns","page","meta","name","appConfig","description","components","Layout","PageHeader","ckeditor","CKEditor","component","data","text","href","active","ClassicEditor","height","style_formats","inline","styles","color","block","classes","selector"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACA,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQJ,EAAIK,MAAM,MAAQL,EAAIM,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,CAACP,EAAIQ,GAAG,eAAeN,EAAG,IAAI,CAACK,YAAY,mBAAmB,CAACP,EAAIQ,GAAG,8CAA8CN,EAAG,WAAW,CAACE,MAAM,CAAC,OAASJ,EAAIS,QAAQC,MAAM,CAACC,MAAOX,EAAIY,WAAYC,SAAS,SAAUC,GAAMd,EAAIY,WAAWE,GAAKC,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,CAACP,EAAIQ,GAAG,oBAAoBN,EAAG,IAAI,CAACK,YAAY,mBAAmB,CAACP,EAAIQ,GAAG,mKAAmKN,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,KAAK,QAAUJ,EAAIgB,QAAQ,QAAUhB,EAAIiB,QAAQ,cAAgBjB,EAAIkB,SAASR,MAAM,CAACC,MAAOX,EAAImB,QAASN,SAAS,SAAUC,GAAMd,EAAImB,QAAQL,GAAKC,WAAW,cAAc,UAAU,IAElqCK,EAAkB,G,oGCSP,GACfC,KAAA,CACAhB,MAAA,eACAiB,KAAA,EAAAC,KAAA,cAAAJ,QAAAK,EAAAC,eAEAC,WAAA,CAAAC,cAAAC,kBAAAC,SAAAC,IAAAC,WACAC,KAAA,WACA,OACA3B,MAAA,eACAC,MAAA,CACA,CACA2B,KAAA,QACAC,KAAA,KAEA,CACAD,KAAA,eACAE,QAAA,IAGA1B,OAAA2B,IACAxB,WACA,wEACAO,QAAA,gCAEAH,QAAA,CACA,2FACA,oGACA,4EAEAC,QACA,sNACAC,QAAA,CACAmB,OAAA,IACAC,cAAA,CACA,CAAAjC,MAAA,YAAAkC,OAAA,KACA,CAAAlC,MAAA,WAAAkC,OAAA,OAAAC,OAAA,CAAAC,MAAA,YACA,CAAApC,MAAA,aAAAqC,MAAA,KAAAF,OAAA,CAAAC,MAAA,YACA,CAAApC,MAAA,YAAAkC,OAAA,OAAAI,QAAA,YACA,CAAAtC,MAAA,YAAAkC,OAAA,OAAAI,QAAA,YACA,CAAAtC,MAAA,gBACA,CAAAA,MAAA,cAAAuC,SAAA,KAAAD,QAAA,kBCnD8W,I,YCO1WZ,EAAY,eACd,EACAhC,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAW,E","file":"js/chunk-2d0d7c95.ddb3cae8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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":""}