diff --git a/resources/assets/js/directives.js b/resources/assets/js/directives.js index de87950dc..e5c390ad2 100644 --- a/resources/assets/js/directives.js +++ b/resources/assets/js/directives.js @@ -198,6 +198,30 @@ module.exports = function (ngApp, events) { } scope.tinymce.extraSetups.push(tinyMceSetup); + + // Custom tinyMCE plugins + tinymce.PluginManager.add('customhr', function(editor) { + editor.addCommand('InsertHorizontalRule', function() { + var hrElem = document.createElement('hr'); + var cNode = editor.selection.getNode(); + var parentNode = cNode.parentNode; + parentNode.insertBefore(hrElem, cNode); + }); + + editor.addButton('hr', { + icon: 'hr', + tooltip: 'Horizontal line', + cmd: 'InsertHorizontalRule' + }); + + editor.addMenuItem('hr', { + icon: 'hr', + text: 'Horizontal line', + cmd: 'InsertHorizontalRule', + context: 'insert' + }); + }); + tinymce.init(scope.tinymce); } } diff --git a/resources/assets/js/pages/page-form.js b/resources/assets/js/pages/page-form.js index de7b3e687..5617fa5be 100644 --- a/resources/assets/js/pages/page-form.js +++ b/resources/assets/js/pages/page-form.js @@ -11,7 +11,7 @@ var mceOptions = module.exports = { extended_valid_elements: 'pre[*]', automatic_uploads: false, valid_children: "-div[p|pre|h1|h2|h3|h4|h5|h6|blockquote]", - plugins: "image table textcolor paste link fullscreen imagetools code hr autosave lists", + plugins: "image table textcolor paste link fullscreen imagetools code customhr autosave lists", imagetools_toolbar: 'imageoptions', toolbar: "undo redo | styleselect | bold italic underline strikethrough superscript subscript | forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table image-insert link hr | removeformat code fullscreen", content_style: "body {padding-left: 15px !important; padding-right: 15px !important; margin:0!important; margin-left:auto!important;margin-right:auto!important;}",