fix: title error when sidebar link exists with html tag

src/core/render/tpl.js

@@ -90,8 +90,10 @@ export function tree(toc, tpl = '<ul class="app-sub-sidebar">{inner}</ul>') {
   }
 
   let innerHTML = '';
+  let title = '';
   toc.forEach(node => {
-    innerHTML += `<li><a class="section-link" href="${node.slug}" title="${node.title}">${node.title}</a></li>`;
+    title = node.title.replace(/(<([^>]+)>)/g, '');
+    innerHTML += `<li><a class="section-link" href="${node.slug}" title="${title}">${node.title}</a></li>`;
     if (node.children) {
       innerHTML += tree(node.children, tpl);
     }

test/unit/render-util.test.js

@@ -1,4 +1,5 @@
 const { removeAtag } = require(`${SRC_PATH}/core/render/utils`);
+const { tree } = require(`${SRC_PATH}/core/render/tpl`);
 
 // Suite
 // -----------------------------------------------------------------------------
@@ -13,3 +14,32 @@ describe('core/render/utils', () => {
     });
   });
 });
+
+describe('core/render/tpl', () => {
+  describe('remove html tag in tree', () => {
+    test('remove span and img', () => {
+      const result = tree([
+        {
+          level: 2,
+          slug: '#/cover?id=basic-usage',
+          title: '<span style="color:red">Basic usage</span>',
+        },
+        {
+          level: 2,
+          slug: '#/cover?id=custom-background',
+          title: 'Custom background',
+        },
+        {
+          level: 2,
+          slug: '#/cover?id=test',
+          title:
+            '<img src="/docs/_media/favicon.ico" data-origin="/_media/favicon.ico" alt="ico">Test',
+        },
+      ]);
+
+      expect(result).toEqual(
+        `<ul class="app-sub-sidebar"><li><a class="section-link" href="#/cover?id=basic-usage" title="Basic usage"><span style="color:red">Basic usage</span></a></li><li><a class="section-link" href="#/cover?id=custom-background" title="Custom background">Custom background</a></li><li><a class="section-link" href="#/cover?id=test" title="Test"><img src="/docs/_media/favicon.ico" data-origin="/_media/favicon.ico" alt="ico">Test</a></li></ul>`
+      );
+    });
+  });
+});