diff --git a/lib/client/editorConfig.ts b/lib/client/editorConfig.ts index 0edefcb..c83ddfe 100644 --- a/lib/client/editorConfig.ts +++ b/lib/client/editorConfig.ts @@ -1,61 +1,76 @@ -export const fancy = { +export const fancy = { branding: false, - selector: 'textarea#txt', + selector: "textarea#txt", menubar: false, elementpath: false, formats: { bold: { - inline: 'b' + inline: "b", }, italic: { - inline: 'i' + inline: "i", }, underline: { - inline: 'u' - } + inline: "u", + }, }, - schema: 'html5', + schema: "html5", custom_colors: true, style_formats: [ // { title: 'Image formats' }, { - title: 'Blocks', + title: "Blocks", items: [ - { title: 'p', block: 'p' }, - { title: 'div', block: 'div' }, - { title: 'pre', block: 'pre' } - ] + { title: "p", block: "p" }, + { title: "div", block: "div" }, + { title: "pre", block: "pre" }, + ], }, { title: "Image", items: [ - { title: 'Image Left', selector: 'img', styles: { 'float': 'left', 'margin': '0 10px 0 10px' } }, - { title: 'Image Right', selector: 'img', styles: { 'float': 'right', 'margin': '0 0 10px 10px' } }, - { title: 'Rounded corners', styles: { 'border-radius': '0.7em'} } - ] + { + title: "Image Left", + selector: "img", + styles: { float: "left", margin: "0 10px 0 10px" }, + }, + { + title: "Image Right", + selector: "img", + styles: { float: "right", margin: "0 0 10px 10px" }, + }, + { title: "Rounded corners", styles: { "border-radius": "0.7em" } }, + ], + }, + { + title: "Code/Monospace", + selector: "p,div,h1,h2,h3,h4,h5,h6", + classes: ["font-mono"], }, - { title: 'Code/Monospace', selector: "p,div,h1,h2,h3,h4,h5,h6", classes: [ 'font-mono' ] }, ], toolbar_groups: { alignment: { - icon: 'align-left', + icon: "align-left", tooltip: "Alignment", - items: "alignleft aligncenter alignright | alignjustify" + items: "alignleft aligncenter alignright | alignjustify", }, heading: { - icon: 'format', - tooltip: 'Header', - items: 'h1 h2 h3 h4 h5 h6' - } + icon: "format", + tooltip: "Header", + items: "h1 h2 h3 h4 h5 h6", + }, }, - toolbar: "undo redo | paste | bold italic underline | hr image link | forecolor styles | heading alignment | code", - contextmenu: 'bold italic underline | hr | link | image | paste', + toolbar: + "undo redo | paste | bold italic underline | hr image link | forecolor styles | heading alignment | code", + contextmenu: "bold italic underline | hr | link | image | paste", external_plugins: { - "mentions": "/plugins/mentions/plugin.min.js" + mentions: "/plugins/mentions/plugin.min.js", }, plugins: - `advlist autolink lists link image charmap preview anchor searchreplace visualblocks advcode fullscreen insertdatetime media table help wordcount save mentions`.split(" ") -} + `advlist autolink lists link image charmap preview anchor searchreplace visualblocks advcode fullscreen insertdatetime media table help wordcount save mentions`.split( + " ", + ), +}; export const comment = { branding: false, height: 200, @@ -63,52 +78,57 @@ export const comment = { elementpath: false, formats: { bold: { - inline: 'b' + inline: "b", }, italic: { - inline: 'i' + inline: "i", }, underline: { - inline: 'u' - } + inline: "u", + }, }, external_plugins: { - "mentions": "/plugins/mentions/plugin.min.js" + mentions: "/plugins/mentions/plugin.min.js", }, - schema: 'html5', + schema: "html5", plugins: - `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table code help save mentions`.split(" "), - toolbar: 'bold italic underline | link', - contextmenu: 'bold italic underline | paste | link' -} + `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table code help save mentions`.split( + " ", + ), + toolbar: "bold italic underline | link", + contextmenu: "bold italic underline | paste | link", +}; export const story = { branding: false, - selector: 'textarea#txt', + selector: "textarea#txt", height: 500, menubar: false, elementpath: false, - formats: { - bold: { - inline: 'b' - }, - italic: { - inline: 'i' - }, - underline: { - inline: 'u' - } + formats: { + bold: { + inline: "b", + }, + italic: { + inline: "i", + }, + underline: { + inline: "u", + }, }, content_css: ["/test.css", "/quickfix.css"], - schema: 'html5', - plugins: - `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help wordcount save`.split(" "), - toolbar: 'undo redo | paste |' + - 'bold italic underline | hr | alignleft aligncenter ' + - 'alignright alignjustify | ' + - '| code', - contextmenu: 'bold italic underline | hr | paste | link' -} + schema: "html5", + plugins: + `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help wordcount save`.split( + " ", + ), + toolbar: + "undo redo | paste |" + + "bold italic underline | hr | alignleft aligncenter " + + "alignright alignjustify | " + + "| code", + contextmenu: "bold italic underline | hr | paste | link", +}; export const bare = { branding: false, height: 200, @@ -116,21 +136,23 @@ export const bare = { elementpath: false, formats: { bold: { - inline: 'b' + inline: "b", }, italic: { - inline: 'i' + inline: "i", }, underline: { - inline: 'u' - } + inline: "u", + }, }, - schema: 'html5', + schema: "html5", external_plugins: { - "mentions": "/plugins/mentions/plugin.min.js" + mentions: "/plugins/mentions/plugin.min.js", }, plugins: - `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help save mentions`.split(" "), - toolbar: 'bold italic underline | hr link', - contextmenu: 'bold italic underline | paste | hr link' -} \ No newline at end of file + `advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help save mentions`.split( + " ", + ), + toolbar: "bold italic underline | hr link", + contextmenu: "bold italic underline | paste | hr link", +};