- Open https://highlightjs.org/download/
- Select the language you want and then click download
- Unzip the highlight.zip and open the highlight.pack.js in a text editor
- Paste the following line as the first line in the text editor
var hljs = require("$:/plugins/tiddlywiki/highlight/highlight.js");
- Paste the following line as the last line in the text editor
exports.hljs = hljs;
- Open the $:/plugins/tiddlywiki/highlight/highlight.js tiddler in your
wiki and click on edit button
- Replace the content of this folder with the content of edited
highlight.pack.js
- Save tiddler and save wiki
- Close and reopen the wiki
- Enjoy
On Saturday, April 12, 2014 at 5:16:42 PM UTC+4:30, Andreas Hahn wrote:
>
> Hi Jimmy,
>
> here is the link to the highlightdemo:
> http://tiddlywiki.com/highlightdemo.html (there are also examples for
> different languages)
> As mentioned there, copy the css into a tiddler and tag it with
> $:/tags/stylesheet (maybe set the tiddler type to text/css) and it should
> work. Also if you tried out more than one highlight style, you might want
> to remove the tags on the styles you are not using.
>
> On Saturday, April 12, 2014 12:08:18 PM UTC+2, Jimmy Liew wrote:
>>
>> Hi all,
>>
>> I understand that TW5 Version 5.0.8 has incorporate the famous
>> highlight.js but how to add or use a style (CSS) provided by highlight.js
>> official website into our TW5?
>>
>> For instance, how can I use the GoogleCode color highlight style?
>>
>> Kindly advise. Thanks.
>>
>>
>> Regards,
>> Jim
>>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/0a371485-01d3-4b1b-87b0-e3d167b58bd3%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
