fix(HTMLParser): class attribute does not support multiple values

lakejs · Jul 10, 2024 · 3cce249 · 3cce249
1 parent 87379c9
commit 3cce249
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/config/element-rules.ts b/src/config/element-rules.ts
@@ -1,6 +1,6 @@
 const blockAttributeRules: any = {
   id: /^[\w-]+$/,
-  class: /^[\w-]+$/,
+  class: /^[\w- ]+$/,
   style: {
     'text-align': ['left', 'center', 'right', 'justify', 'start', 'end'],
     'margin-left': /^-?\d+px$/i,
@@ -99,7 +99,7 @@ export function getElementRules(): any {
       },
     },
     span: {
-      class: /^[\w-]+$/,
+      class: /^[\w- ]+$/,
       style: {
         color: /^[^"]+$/,
         'background-color': /^[^"]+$/,
@@ -117,7 +117,7 @@ export function getElementRules(): any {
     sup: {},
     code: {},
     a: {
-      class: /^[\w-]+$/,
+      class: /^[\w- ]+$/,
       name: /^[\w-]+$/,
       href: /^[^"]+$/,
       target: /^[\w-]+$/,

diff --git a/tests/parsers/html-parser.test.ts b/tests/parsers/html-parser.test.ts
@@ -92,6 +92,13 @@ describe('parsers / html-parser', () => {
     expect(htmlParser.getHTML()).to.equal(output);
   });
 
+  it('getHTML method: should keep class="a b"', () => {
+    const input = '<h1 class="one">foo</h1><p class="a b"><span class="a b">bar</span></p>';
+    const output = '<h1 class="one">foo</h1><p class="a b"><span class="a b">bar</span></p>';
+    const htmlParser = new HTMLParser(input);
+    expect(htmlParser.getHTML()).to.equal(output);
+  });
+
   it('getHTML method: should keep href', () => {
     const input = '<a href="http://url/">foo</a>';
     const output = input;