HTML codec: Support indentation decoding

Only one level supported
fleather-editor · May 9, 2024 · e8e1dfa · e8e1dfa
1 parent eb7b3ca
commit e8e1dfa
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/packages/parchment/lib/src/codecs/html.dart b/packages/parchment/lib/src/codecs/html.dart
@@ -45,6 +45,8 @@ const _indentWidthInPx = 32;
 ///           `<div class"checklist-item><input type="checklist" checked><label>`
 /// - alignment -> `<xxx align="left | right | center | justify">`
 /// - direction -> `<xxx dir="rtl">`
+/// - indentation -> `<xxx style=padding-left:16px>`
+/// - only one level is supported when decoding
 ///
 /// ## Embed mapping
 /// - [BlockEmbed.image] -> `<img src="...">`
@@ -68,6 +70,7 @@ class ParchmentHtmlCodec extends Codec<ParchmentDocument, String> {
 // Mutable record for the state of the encoder
 class _EncoderState {
   StringBuffer buffer = StringBuffer();
+
   // Stack on inline tags
   final List<_HtmlInlineTag> openInlineTags = [];
 
@@ -1005,14 +1008,22 @@ class _ParchmentHtmlDecoder extends Converter<String, ParchmentDocument> {
         switch (sValue) {
           case 'right':
             updated = updated.put(ParchmentAttribute.right);
-            break;
+            continue;
           case 'center':
             updated = updated.put(ParchmentAttribute.center);
-            break;
+            continue;
           case 'justify':
             updated = updated.put(ParchmentAttribute.justify);
         }
-        break;
+        continue;
+      }
+      if (style.startsWith('padding-left')) {
+        final sValue = style.split(':')[1];
+        if (sValue == '0' || sValue == '0px' || sValue == 'Oem') {
+          continue;
+        }
+        updated = updated.put(ParchmentAttribute.indent.withLevel(1));
+        continue;
       }
     }
     return updated;

diff --git a/packages/parchment/test/codecs/html_test.dart b/packages/parchment/test/codecs/html_test.dart
@@ -1360,6 +1360,16 @@ void main() {
           expect(codec.decode(html).toDelta(), doc.toDelta());
         });
 
+        test('with indentation', () {
+          final html = '<p style=padding-left:32px>Hello World!</p>';
+          final doc = ParchmentHtmlCodec().decode(html);
+          expect(
+              doc.toDelta(),
+              Delta()
+                ..insert('Hello World!')
+                ..insert('\n', {'indent': 1}));
+        });
+
         test('Paragraph with link', () {
           final html =
               '<p>Hello World!<a href="http://fake.link">Hello World!</a> Another hello world!</p>';