Add highlight text transformation

__test__/text-node-to-html.test.ts

@@ -212,4 +212,18 @@ describe('Text Node To HTML', () => {
         expect(resultHtml).toEqual(`<strong><em><br />${node.text}</em></strong>`)
         done()
     })
+
+    it('Should return Highlighted string text', done => {
+        const node = {
+            ...textNode,
+            highlight: true
+        }
+
+        const resultHtml = textNodeToHTML(node, {
+            ...defaultNodeOption
+        })
+
+        expect(resultHtml).toEqual(`<mark>${textNode.text}</mark>`)
+        done()
+    })
 })

src/helper/enumerate-entries.ts

@@ -85,6 +85,10 @@ export function textNodeToHTML(node: TextNode, renderOption: RenderOption): stri
     text = (renderOption[MarkType.BOLD] as RenderMark)(text);
     hasMarks = true;
   }
+  if (node.highlight) {
+    text = (renderOption[MarkType.HIGHLIGHT] as RenderMark)(text);
+    hasMarks = true;
+  }
 
   // If no marks were applied, but text contains newlines, convert them to <br />
   if (!hasMarks && text.includes('\n')) {

src/helper/sanitize.ts

@@ -1,8 +1,8 @@
 
-type AllowedTags = 'p' | 'a' | 'strong' | 'em' | 'ul' | 'ol' | 'li' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'sub' | 'u' | 'table' | 'thead' | 'tbody' | 'tr' | 'th' | 'td' | 'span' | 'fragment' | 'strike' | 'sup' | 'br'| 'img' | 'colgroup' | 'col' | 'div';
+type AllowedTags = 'p' | 'a' | 'strong' | 'em' | 'ul' | 'ol' | 'li' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'sub' | 'u' | 'table' | 'thead' | 'tbody' | 'tr' | 'th' | 'td' | 'span' | 'fragment' | 'strike' | 'sup' | 'br'| 'img' | 'colgroup' | 'col' | 'div' | 'mark';
 type AllowedAttributes = 'href' | 'title' | 'target' | 'alt' | 'src' | 'class' | 'id' | 'style' | 'colspan' | 'rowspan' | 'content-type-uid' | 'data-sys-asset-uid' | 'sys-style-type' | 'data-type' | 'data-width' | 'data-rows' | 'data-cols' | 'data-mtec';
 
-export function sanitizeHTML(input: string, allowedTags: AllowedTags[] = ['p', 'a', 'strong', 'em', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'sub', 'u', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'span', 'fragment', 'sup', 'strike', 'br', 'img', 'colgroup', 'col', 'div'], allowedAttributes: AllowedAttributes[] = ['href', 'title', 'target', 'alt', 'src', 'class', 'id', 'style', 'colspan', 'rowspan', 'content-type-uid', 'data-sys-asset-uid', 'sys-style-type', 'data-type', 'data-width', 'data-rows', 'data-cols', 'data-mtec']): string {
+export function sanitizeHTML(input: string, allowedTags: AllowedTags[] = ['p', 'a', 'strong', 'em', 'ul', 'ol', 'li', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'sub', 'u', 'table', 'thead', 'tbody', 'tr', 'th', 'td', 'span', 'fragment', 'sup', 'strike', 'br', 'img', 'colgroup', 'col', 'div', 'mark'], allowedAttributes: AllowedAttributes[] = ['href', 'title', 'target', 'alt', 'src', 'class', 'id', 'style', 'colspan', 'rowspan', 'content-type-uid', 'data-sys-asset-uid', 'sys-style-type', 'data-type', 'data-width', 'data-rows', 'data-cols', 'data-mtec']): string {
 
     // Replace newline characters with <br /> before processing the HTML tags
     input = input.replace(/\n/g, '<br />');

src/nodes/mark-type.ts

@@ -6,6 +6,7 @@ enum MarkType {
 
     STRIKE_THROUGH = 'strikethrough',
     INLINE_CODE = 'inlineCode',
+    HIGHLIGHT = 'highlight',
 
 
     SUBSCRIPT = 'subscript',

src/nodes/text-node.ts

@@ -9,6 +9,7 @@ export default class TextNode extends Node {
     superscript?: boolean
     subscript?: boolean
     break?: boolean
+    highlight?: boolean
     classname?: string
     id?: string
 

src/options/default-node-options.ts

@@ -251,6 +251,9 @@ export const defaultNodeOption: RenderOption = {
     [MarkType.INLINE_CODE]:(text: string) => {
         return `<span data-type='inlineCode'>${sanitizeHTML(text)}</span>`
     },
+    [MarkType.HIGHLIGHT]:(text: string) => {
+        return `<mark>${sanitizeHTML(text)}</mark>`
+    },
     [MarkType.SUBSCRIPT]:(text: string) => {
         return `<sub>${sanitizeHTML(text)}</sub>`
     },