Option to override arbitrary tags

[Gedewon]

Hi team ,
i am wondering if there is a way to override any html tag or any arbitrary tags like marked-to-jsx does ? and then override or define a rendere .

example markdown:

<ButtonLink>decline all non-essential cookies</ButtonLink> 
<p>if you do not agree with the data processing described.<p>

custom renderer:

const renderer: RendererObject = {
    ButtonLink({ tokens, depth }) {
        // custom implementation
        return <ButtonLink onClick={handleClick}></ButtonLink>;
    },
};

i see we only have pre defined set of renderer method and can't extend it to use custom or non html tags ?

marked/src/Renderer.ts

Line 14 in 10020d0

export class _Renderer {

Thanks in advance!!

[UziTech]

Yes you can create a custom extension that can tokenize any text you specify and render it however you want.

If you want to be able to return something other than an html string you can use the provideParser hook.

[Gedewon]

Amazing thanks !!