vue-docgen-cli: Template util mdclean, escape arrow brackets in code

[Kolobok12309]

Current behavior

mdclean helper disable feature of markdown for using <> symbols in code blocks

vue-styleguidist/packages/vue-docgen-cli/src/templates/utils.ts

Lines 10 to 19 in 7ef3937

	export function mdclean(input: string): string {
	if (typeof input !== 'string') {
	return `${input}`
	}
	return input
	.replace(/</g, '&lt;')
	.replace(/>/g, '&gt;')
	.replace(/\|/g, '\\|')
	.replace(/\r?\n/g, '<br/>')
	}

// Input
Some info about `<input>`

Output: <input>
Expected: <input>

Expected behavior

Escape <> only outside quotes

[elevatebart]

hello @Kolobok12309 ,

Thank you for your request.
What you describe would be ideal indeed.

Do you have any idea how to do that?

Here is a rough idea, but I wonder if it will work:

• Tokenize on various quote marks
• Loop through the strings (tokens) obtained and replace the non-quoted tokens
• Re-join all of it using their original quotemarks.

Beyond making the code more complicated, do you think we will lose some performance?

[Kolobok12309]

Do you have any idea how to do that?

Mb something like this, but need testing and some cases mb not worked

string
  .split('`')
  .map((str, index) => 
    index % 2
       ? str
       : str
          .replace(/</g, '&lt;') 
          .replace(/>/g, '&gt;') 
  )
  .join('`')

Beyond making the code more complicated, do you think we will lose some performance?

Yea, it's not so good. Mb need do it through some func args.

Why <> escaped?

[elevatebart]

The html markers are escaped because if used in a md table they will break the table (except, it seems, between quote marks)