Quill toolbox

resources/views/app/patient/send_email.blade.php

@@ -2,6 +2,15 @@
 #outgoingEmailTemplate .ql-editor {
     padding: 0 15px 15px 15px;
 }
+#outgoingEmailTemplate .ql-snow.ql-toolbar button, 
+#outgoingEmailTemplate .ql-snow .ql-toolbar button {
+    min-width: initial;
+    border: none;
+    background-color: #f7f7f7;
+}
+#outgoingEmailTemplate .ql-toolbar.ql-snow {
+    background-color: #f7f7f7;
+}
 </style>
 <div class="d-inline" id="outgoingEmailTemplate">
     <div moe wide center class="ml-auto">
@@ -85,6 +94,20 @@
                         var self = this;
                         self.quill = new Quill('#htmlBody', {
                             theme: 'snow',
+                            modules:{
+                                'syntax': true,
+                                'toolbar': [
+                                [{ 'font': [] }, { 'size': [] }],
+                                [ 'bold', 'italic', 'underline', 'strike' ],
+                                [{ 'color': [] }, { 'background': [] }],
+                                [{ 'script': 'super' }, { 'script': 'sub' }],
+                                [{ 'header': '1' }, { 'header': '2' }],
+                                [{ 'list': 'ordered' }, { 'list': 'bullet'}, { 'indent': '-1' }, { 'indent': '+1' }],
+                                [ 'direction', { 'align': [] }],
+                                [ 'link', 'image', 'video'],
+                                [ 'clean' ]
+                            ]
+                            }
                         });
                         self.quill.on('text-change', function (delta, oldDelta, source) {
                             $('[name="htmlBody"]').val(self.quill.root.innerHTML);