Add dynamic code block highlighting documentation

[gadhagod]

Summary

Small documentation change that shows how to highlight javascript-created code blocks in docsify.

What kind of change does this PR introduce?

Docs

For any code change,

• Related documentation has been updated if needed
• Related tests have been updated or tests have been added

Does this PR introduce a breaking change? (check one)

• Yes
• No

If yes, please describe the impact and migration path for existing applications:

Related issue, if any:

Tested in the following browsers:

• Chrome
• Firefox
• Safari
• Edge
• IE

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/docsify-core/docsify-preview/E2hU1fuYRKHjcuBd2BGy291C87EH
✅ Preview: https://docsify-preview-git-fork-gadhagod-develop-docsify-core.vercel.app

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 94ea16e:

Sandbox	Source
docsify-template	Configuration

[Koooooo-7]

Looks cool, but I find that the ode.setAttribute("class", "lang-bash"); seems not works fine ( it is set to javascript instead).

[gadhagod]

That code block actually shows how to create a 'code' element and highlight it. It's not a demo of this though, and it's written in JavaScript. If u want, I can add a demo too (you click a button, adds some highlighted code block to page).

[Koooooo-7]

That code block actually shows how to create a 'code' element and highlight it. It's not a demo of this though, and it's written in JavaScript. If u want, I can add a demo too (you click a button, adds some highlighted code block to page).

yea, what I meant is that the

ode.setAttribute("class", "lang-bash")

should render this code as bash.
but it is a javascript signal on the top right corner of the code block as I showed the pic above.

[gadhagod]

Oh I misunderstood your comment @Koooooo-7. This is probably because you need a pre element wrapping around the code element.
Here is an example jist. When you click the button, it adds a highlighted code block to the page: https://gist.github.com/gadhagod/1287c210e8410080a00f55206fcdcc42.

[gadhagod]

SInce you need an external Prism script to include bash in recognizable languages, I'll change the language of this example to javascript.

[Koooooo-7]

LGTM.