-
-
open_with
+ open_with {{ langs.label }}
-
-
+
{{ langs.type }}: {{ h_type }},
{{ langs.content }}: {{ (text) ? text : ' ' }}
+
+
+
+ {{ langs.content }}
+
+
+ {{ langs.type }}
+
+ {{ langs.typeplaintext }}
+ {{ langs.typeheader }} 1
+ {{ langs.typeheader }} 2
+ {{ langs.typeheader }} 3
+ {{ langs.typeheader }} 4
+ {{ langs.typeheader }} 5
+
+
+
+
+
+
+
+ {{
+ langs.saveclose
+ }}
+
\ No newline at end of file
diff --git a/src/components/plugin/SectionTextarea.vue b/src/components/plugin/SectionTextarea.vue
new file mode 100644
index 0000000..9118e32
--- /dev/null
+++ b/src/components/plugin/SectionTextarea.vue
@@ -0,0 +1,80 @@
+
+
+
+ open_with {{ langs.label }}
+
+
+
+
create
+
+
+ {{
+ langs.saveclose
+ }}
+
+
delete
+
+
+
+
\ No newline at end of file
diff --git a/src/components/tinymce/config.js b/src/components/tinymce/config.js
new file mode 100644
index 0000000..9744501
--- /dev/null
+++ b/src/components/tinymce/config.js
@@ -0,0 +1,114 @@
+export default {
+ autoresize_max_height: window.innerHeight - window.innerHeight / 4,
+ width: '100%',
+ selector: "textarea.wysiwyg",
+ language: "pl",
+ forced_root_block: "p",
+ entity_encoding: 'named',
+ entities: '160,nbsp,38,amp,60,lt,62,gt',
+ valid_elements: '*[*]',
+ document_base_url: window.location,
+ relative_urls: false,
+ browser_spellcheck: true,
+ autoresize_bottom_margin: 10,
+ autoresize_min_height: 90,
+ image_caption: true,
+ image_description: true,
+ image_title: true,
+ visualblocks_default_state: true,
+ visualchars_default_state: false,
+ formats: {
+ mainparagraph: {
+ inline: 'span',
+ styles: {
+ fontSize: '18px'
+ },
+ classes: 'main_paragraph'
+ },
+ firstlink: {
+ inline: 'span',
+ styles: {
+ fontSize: '16px'
+ },
+ classes: 'default_button_span black'
+ },
+ secondlink: {
+ inline: 'span',
+ styles: {
+ fontSize: '16px'
+ },
+ classes: 'default_button_span'
+ }
+ },
+ style_formats: [{
+ title: 'Headers',
+ items: [{
+ title: 'h1',
+ block: 'h1'
+ }, {
+ title: 'h2',
+ block: 'h2'
+ }, {
+ title: 'h3',
+ block: 'h3'
+ }, {
+ title: 'h4',
+ block: 'h4'
+ }, {
+ title: 'h5',
+ block: 'h5'
+ }, {
+ title: 'h6',
+ block: 'h6'
+ }]
+ }, {
+ title: 'Blocks',
+ items: [{
+ title: 'Główny akapit',
+ format: 'mainparagraph'
+ }, {
+ title: 'LinkURL - 1',
+ format: 'firstlink'
+ }, {
+ title: 'LinkURL - 2',
+ format: 'secondlink'
+ }, {
+ title: 'p',
+ block: 'p'
+ }, {
+ title: 'div',
+ block: 'div'
+ }, {
+ title: 'pre',
+ block: 'pre'
+ }]
+ }, {
+ title: 'Containers',
+ items: [{
+ title: 'section',
+ block: 'section',
+ wrapper: true,
+ merge_siblings: false
+ },
+ //{ title: 'article', block: 'article', wrapper: true, merge_siblings: false },
+ {
+ title: 'blockquote',
+ block: 'blockquote',
+ wrapper: true
+ },
+ //{ title: 'hgroup', block: 'hgroup', wrapper: true },
+ //{ title: 'aside', block: 'aside', wrapper: true },
+ //{ title: 'figure', block: 'figure', wrapper: true }
+ ]
+ }],
+ paste_word_valid_elements: "table,tr,td,th,b,strong,i,em,h1,h2, strong",
+ valid_styles: {
+ '*': 'display, margin, float, margin-left, margin-right, margin-top, margin-bottom, padding-left, padding-right, padding-top, padding-bottom, text-decoration, border,font-size,color,background,background-color,line-height,text-align,list-style-type, border-radius',
+ },
+ plugins: ['advlist', 'autolink', 'lists', 'link', 'image', 'print', 'hr', 'anchor', 'media', 'pagebreak' ,'searchreplace', 'wordcount', 'visualblocks', 'visualchars', 'code' ,'insertdatetime', 'nonbreaking', 'save', 'table', 'contextmenu', 'directionality' ,'emoticons', 'paste', 'textcolor', 'textpattern', 'codesample', 'charmap', 'autoresize'],
+ removed_menuitems: 'newdocument',
+ toolbarxx: "undo redo | styleselect | bold italic | bullist numlist outdent indent | alignleft aligncenter alignright alignjustify | link image forecolor backcolor mybutton mybuttona",
+ toolbar1: 'undo redo | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | media | forecolor backcolor',
+ toolbar2: '',
+ menubar:false,
+}
\ No newline at end of file
diff --git a/src/components/tinymce/editor.js b/src/components/tinymce/editor.js
new file mode 100644
index 0000000..dfb25ff
--- /dev/null
+++ b/src/components/tinymce/editor.js
@@ -0,0 +1,59 @@
+/* Import TinyMCE */
+import 'tinymce/tinymce';
+
+/* Default icons are required. After that, import custom icons if applicable */
+import 'tinymce/icons/default';
+
+/* Required TinyMCE components */
+import 'tinymce/themes/silver';
+// import 'tinymce/models/dom';
+
+/* Import a skin (can be a custom skin instead of the default) */
+import 'tinymce/skins/ui/oxide/skin.css';
+
+// /* Import plugins */
+import 'tinymce/plugins/advlist';
+import 'tinymce/plugins/code';
+import 'tinymce/plugins/emoticons';
+import 'tinymce/plugins/emoticons/js/emojis';
+import 'tinymce/plugins/link';
+import 'tinymce/plugins/lists';
+import 'tinymce/plugins/table';
+
+
+import 'tinymce/plugins/advlist'
+import 'tinymce/plugins/autolink'
+import 'tinymce/plugins/lists'
+import 'tinymce/plugins/link'
+import 'tinymce/plugins/image'
+import 'tinymce/plugins/anchor'
+import 'tinymce/plugins/media'
+import 'tinymce/plugins/pagebreak'
+import 'tinymce/plugins/searchreplace'
+import 'tinymce/plugins/wordcount'
+import 'tinymce/plugins/visualblocks'
+import 'tinymce/plugins/visualchars'
+import 'tinymce/plugins/code'
+import 'tinymce/plugins/insertdatetime'
+import 'tinymce/plugins/nonbreaking'
+import 'tinymce/plugins/save'
+import 'tinymce/plugins/table'
+import 'tinymce/plugins/directionality'
+import 'tinymce/plugins/emoticons'
+// import 'tinymce/plugins/colorpicker'
+import 'tinymce/plugins/codesample'
+import 'tinymce/plugins/charmap'
+import 'tinymce/plugins/autoresize'
+/* Import premium plugins */
+/* NOTE: Download separately and add these to /src/plugins */
+/* import './plugins/checklist/plugin'; */
+/* import './plugins/powerpaste/plugin'; */
+/* import './plugins/powerpaste/js/wordimport'; */
+
+/* content UI CSS is required */
+
+
+/* Initialize TinyMCE */
+export function render() {
+
+}
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 20b5509..17c4db4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,8 +1,9 @@
import Vue from 'vue'
import App from './App.vue'
import 'bootstrap/dist/css/bootstrap.min.css';
+import MagicoPagebuilder from './components/MagicoPagebuilderPlugin.js'
Vue.config.productionTip = false
-
+Vue.use(MagicoPagebuilder);
new Vue({
render: h => h(App),
}).$mount('#app')