Code Block Embed

Display interactive code blocks in your presentations, or wherever you can embed a webpage. View this example Tome.

1 / 3

`1`	`___ ___ ___ ___`
`2`	`/\ \ /\ \ /\ \ /\ \`
`3`	`/::\ \ /::\ \ /::\ \ /::\ \`
`4`	`/:/\:\__\ /:/\:\__\ /:/\:\__\ /::\:\__\`
`5`	`\:\ \/__/ \:\/:/ / \:\/:/ / \:\:\/ /`
`6`	`\:\__\ \::/ / \::/ / \:\/ /`
`7`	`\/__/ \/__/ \/__/ \/__/`
`8`	`___ ___ ___ ___ ___`
`9`	`/\ \ /\__\ /\ \ /\ \ /\__\`
`10`	`/::\ \ /:/ / /::\ \ /::\ \ /:/ _/_`
`11`	`/::\:\__\ /:/__/ /:/\:\__\ /:/\:\__\ /::-"\__\`
`12`	`\:\::/ / \:\ \ \:\/:/ / \:\ \/__/ \;:;-",-"`
`13`	`\::/ / \:\__\ \::/ / \:\__\ \|:\| \|`
`14`	`\/__/ \/__/ \/__/ \/__/ \\|__\|`
`15`	`___ ___ ___ ___ ___`
`16`	`/\ \ /\__\ /\ \ /\ \ /\ \`
`17`	`/::\ \ /::L_L_ /::\ \ /::\ \ /::\ \`
`18`	`/::\:\__\ /:/L:\__\ /::\:\__\ /::\:\__\ /:/\:\__\`
`19`	`\:\:\/ / \/_/:/ / \:\::/ / \:\:\/ / \:\/:/ /`
`20`	`\:\/ / /:/ / \::/ / \:\/ / \::/ /`
`21`	`\/__/ \/__/ \/__/ \/__/ \/__/`
`22`

https://code-block-embed.alexanderliu.dev/embed?code=https://code-block-embed.alexanderliu.dev/demo.txt&lines=0,1,2,3,4,5,6:7,8,9,10,11,12,13:14,15,16,17,18,19,20&showOnHover=false

Beta The configurator below is not yet polished. However, code blocks / generated URLs are stable and safe to use in presentations. Read more about the project roadmap and goals on GitHub.

Lines

Lines of code to highlight and view sequential in your embed. Groups of lines should be represented as ranges or individual line numbers separated by commas.
eg. "1-7, 10" or "1-7" or "10"

Font Size

Show on Hover

When specific lines are highlighted with the lines option, the rest of the page is blurred by default to focus attention. Enabling this option will unblur non-highlighted lines while hovering on the site.

Wrap Lines

When lines exceed the width of the screen and this option is enabled, the excess will be shown below the line. When disabled, the page will scroll horizontally to show each line. This option has no effect on line numbering.