feat: Suppor kbd element.

jaywcjlove · Aug 8, 2021 · 622f84d · 622f84d
1 parent a9d2230
commit 622f84d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/index.ts b/src/index.ts
@@ -68,7 +68,7 @@ const rehypeAttrs: Plugin<[RehypeAttrsOptions?]> = (options): Transformer => {
           }
         }
       }
-      if (/^(em|strong|b|a|i|p|pre|blockquote|h(1|2|3|4|5|6)|code|table|img|del|ul|ol)$/.test(node.tagName as string) && Array.isArray(parent.children)) {
+      if (/^(em|strong|b|a|i|p|pre|kbd|blockquote|h(1|2|3|4|5|6)|code|table|img|del|ul|ol)$/.test(node.tagName as string) && Array.isArray(parent.children)) {
         const child = nextChild(parent.children, index)
         if (child) {
           const attr = getCommentObject(child)

diff --git a/test/index.test.ts b/test/index.test.ts
@@ -359,6 +359,11 @@ describe('rehype-attr test case', () => {
       markdown: '<i>Title</i><!--rehype:style=color:pink;-->',
       expected: '<i style="color:pink;">Title</i><!--rehype:style=color:pink;-->',
     },
+    {
+      title: 'options="attr" - <kbd>',
+      markdown: '<kbd>R</kbd><!--rehype:style=color:pink;-->',
+      expected: '<kbd style="color:pink;">R</kbd><!--rehype:style=color:pink;-->',
+    },
     {
       title: 'options="attr" - <strong>',
       markdown: 'This is a <strong>Unicorn</strong><!--rehype:style=color: grey-->',