TiddlyWiki5/editions/highlightdemo/tiddlers/HelloThere.tid

title: HelloThere

This is a demo of TiddlyWiki5 incorporating a plugin for the [[highlight.js|https://github.com/isagalaev/highlight.js]] syntax highlighting library from Ivan Sagalaev.

! Usage

The HighlightExample tiddler shows how fenced code blocks can have a language specifier added to trigger highlighting.

! Installation

To add this plugin to your own TiddlyWiki5, just drag this link to the browser window:

[[$:/plugins/tiddlywiki/highlight]]

! Adding Themes

You can add themes from highlight.js by copying the CSS to a new tiddler and tagging it with [[$:/tags/stylesheet]]. The available themes can be found on GitHub:

https://github.com/isagalaev/highlight.js/tree/master/src/styles
Plugin for syntax highlighting with highlight.js from Ivan Sagalaev 2014-01-05 09:58:01 +00:00			`title: HelloThere`

Clean up the highlight plugin Fixing various issues that were preventing language specifiers from working. 2014-02-10 13:51:38 +00:00			`This is a demo of TiddlyWiki5 incorporating a plugin for the [[highlight.js\|https://github.com/isagalaev/highlight.js]] syntax highlighting library from Ivan Sagalaev.`
Plugin for syntax highlighting with highlight.js from Ivan Sagalaev 2014-01-05 09:58:01 +00:00
Clean up the highlight plugin Fixing various issues that were preventing language specifiers from working. 2014-02-10 13:51:38 +00:00			`! Usage`
Plugin for syntax highlighting with highlight.js from Ivan Sagalaev 2014-01-05 09:58:01 +00:00
Clean up the highlight plugin Fixing various issues that were preventing language specifiers from working. 2014-02-10 13:51:38 +00:00			`The HighlightExample tiddler shows how fenced code blocks can have a language specifier added to trigger highlighting.`

			`! Installation`

			`To add this plugin to your own TiddlyWiki5, just drag this link to the browser window:`
Plugin for syntax highlighting with highlight.js from Ivan Sagalaev 2014-01-05 09:58:01 +00:00
			`[[$:/plugins/tiddlywiki/highlight]]`
codeblock as a widget and plugin for highlight code blocks 2014-01-07 22:57:46 +00:00
Clean up the highlight plugin Fixing various issues that were preventing language specifiers from working. 2014-02-10 13:51:38 +00:00			`! Adding Themes`

			`You can add themes from highlight.js by copying the CSS to a new tiddler and tagging it with [[$:/tags/stylesheet]]. The available themes can be found on GitHub:`
codeblock as a widget and plugin for highlight code blocks 2014-01-07 22:57:46 +00:00
Clean up the highlight plugin Fixing various issues that were preventing language specifiers from working. 2014-02-10 13:51:38 +00:00			`https://github.com/isagalaev/highlight.js/tree/master/src/styles`