fix(YfmHeading): ignore anchor links inside headings when parse dom (#348)

Author: d3m1d0v

src/extensions/yfm/YfmHeading/YfmHeading.test.ts

@@ -110,4 +110,20 @@ para
             doc(h({[YfmHeadingAttr.Level]: lvl}, `Heading ${lvl}`)),
         );
     });
+
+    it.each([1, 2, 3, 4, 5, 6])(
+        'should parse html and ignore yfm-anchors inside headings - h%s tag',
+        (lvl) => {
+            parseDOM(
+                schema,
+                `<h${lvl} id="zagolovok-${lvl}" data-line="0" class="line"><a href="#zagolovok-${lvl}" class="yfm-anchor" aria-hidden="true"><span class="visually-hidden">Заголовок ${lvl}</span></a>Заголовок ${lvl}</h${lvl}>`,
+                doc(
+                    h(
+                        {[YfmHeadingAttr.Level]: lvl, [YfmHeadingAttr.Id]: `zagolovok-${lvl}`},
+                        `Заголовок ${lvl}`,
+                    ),
+                ),
+            );
+        },
+    );
 });

src/extensions/yfm/YfmHeading/YfmHeadingSpecs/index.ts

@@ -31,12 +31,20 @@ export const YfmHeadingSpecs: ExtensionAuto<YfmHeadingSpecsOptions> = (builder,
             defining: true,
             selectable: true,
             parseDOM: [
-                {tag: 'h1', getAttrs: getNodeAttrs(1)},
-                {tag: 'h2', getAttrs: getNodeAttrs(2)},
-                {tag: 'h3', getAttrs: getNodeAttrs(3)},
-                {tag: 'h4', getAttrs: getNodeAttrs(4)},
-                {tag: 'h5', getAttrs: getNodeAttrs(5)},
-                {tag: 'h6', getAttrs: getNodeAttrs(6)},
+                {tag: 'h1', getAttrs: getNodeAttrs(1), priority: 100, consuming: true},
+                {tag: 'h2', getAttrs: getNodeAttrs(2), priority: 100, consuming: true},
+                {tag: 'h3', getAttrs: getNodeAttrs(3), priority: 100, consuming: true},
+                {tag: 'h4', getAttrs: getNodeAttrs(4), priority: 100, consuming: true},
+                {tag: 'h5', getAttrs: getNodeAttrs(5), priority: 100, consuming: true},
+                {tag: 'h6', getAttrs: getNodeAttrs(6), priority: 100, consuming: true},
+                {
+                    // ignore anchor link inside headings
+                    tag: 'a.yfm-anchor',
+                    context: `${headingNodeName}/`,
+                    skip: true,
+                    ignore: true,
+                    priority: 1000,
+                },
             ],
             toDOM(node) {
                 const id = node.attrs[YfmHeadingAttr.Id];