Sets <p> margin to 0 for sent emails

Signed-off-by: Cyrille Bollu <cyrpub@bollu.be>

src/components/Composer.vue

@@ -342,7 +342,8 @@ export default {
 					bcc: this.selectBcc.map(this.recipientToRfc822).join(', '),
 					draftUID: uid,
 					subject: this.subjectVal,
-					body: this.editorPlainText ? htmlToText(this.bodyVal) : this.bodyVal,
+					body: this.editorPlainText ?
+						htmlToText(this.bodyVal) : '<style>.null-margin{margin:0;}</style>' + this.bodyVal,
 					attachments: this.attachments,
 					folderId: this.replyTo ? this.replyTo.folderId : undefined,
 					messageId: this.replyTo ? this.replyTo.messageId : undefined,

src/components/TextEditor.vue

@@ -76,7 +76,7 @@ export default {
 				placeholder: this.placeholder,
 				plugins: this.html
 					? [EssentialsPlugin, ParagraphPlugin, BoldPlugin, ItalicPlugin, LinkPlugin, BlockQuotePlugin]
-					: [EssentialsPlugin, ParagraphPlugin],
+					: [EssentialsPlugin, ParagraphPlugin, NullMarginPlugin],
 				toolbar: {
 					items: this.html ? ['bold', 'italic', 'blockquote', 'link', 'undo', 'redo'] : ['undo', 'redo'],
 				},
@@ -115,6 +115,20 @@ export default {
 		onEditorReady(editor) {
 			const schema = editor.model.schema
 
+			// Assign 'null-margin' class to all <p> elements
+			editor.conversion.for('downcast').add(dispatcher => {
+				dispatcher.on(
+					'insert:paragraph',
+					(evt, data, conversionApi) => {
+						const viewWriter = conversionApi.writer
+						viewWriter.addClass('null-margin', conversionApi.mapper.toViewElement(data.item))
+					},
+					{
+						priority: 'low'
+					}
+				)
+			})
+
 			schema.on(
 				'checkChild',
 				(evt, args) => {