add simple ui fetures to test it

2022-06-24 12:13:50 +02:00
parent 5fd3d9c9ba
commit 57930b1c50
16 changed files with 539 additions and 69 deletions
--- a/src/components/tinymce/config.js
+++ 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,
+}