|
|
@@ -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);
|
