Merge pull request #18 from aguingand/fix-expel-whitespaces

Fix expel whitespaces

__tests__/serialize.spec.js

@@ -45,6 +45,14 @@ describe('serialize', () => {
                 },
             })).toEqual('<sup>example</sup>');
         });
+        test('expels whitespaces', () => {
+            expect(serialize('My <strong> example </strong>')).toEqual('My  **example** ');
+            expect(serialize('My <em> example </em>')).toEqual('My  *example* ');
+        });
+        test('trim inline', () => {
+            expect(serialize('My<strong>, example</strong>')).toEqual('My, **example**');
+            expect(serialize('My<em>. example</em>')).toEqual('My. *example*');
+        });
     });
     describe('nodes', () => {
         test('paragraph', () => {
@@ -229,7 +237,7 @@ describe('serialize', () => {
             })).toEqual('<block-element>\na<br>b\n</block-element>');
         });
         test('html inline', () => {
-            expect(serialize('<p> <inline-element>example1</inline-element> <inline-element>example2</inline-element> </p>', {
+            expect(serialize('<p><inline-element>example1</inline-element> <inline-element>example2</inline-element></p>', {
                 html: true,
                 htmlNode: {
                     group: 'inline',

__tests__/utils/serialize.js

@@ -9,7 +9,9 @@ export function serialize(content, { htmlNode, htmlMark, ...markdownOptions } =
         markdownOptions,
     });
     const doc = DOMParser.fromSchema(editor.schema)
-        .parse(elementFromString(content));
+        .parse(elementFromString(content), {
+            preserveWhitespace: true, // to ensure whitespaces handling
+        });
 
     return editor.storage.markdown.serializer.serialize(doc);
 }

example/src/content.md

@@ -21,6 +21,7 @@ ___
 
 ***
 
+Aenean ut eros et nisl sagittis vestibulum. Donec vitae orci sed dolor rutrum auctor. Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi.
 
 ## Emphasis
 

src/serialize/MarkdownSerializer.js

@@ -63,6 +63,7 @@ export class MarkdownSerializer {
         const serialize = getMarkdownSpec(mark)?.serialize;
         return serialize
             ? {
+                ...serialize,
                 open: typeof serialize.open === 'function' ? serialize.open.bind({ editor: this.editor, options: mark.options }) : serialize.open,
                 close: typeof serialize.close === 'function' ? serialize.close.bind({ editor: this.editor, options: mark.options }) : serialize.close,
             }