Sets <p> margin to 0 for sent emails

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

src/components/Composer.vue

@@ -342,7 +342,9 @@ 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

@@ -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) => {