Page last modified 02:39, 28 Feb 2010 by RoyK
MindTouch Community Portal > MindTouch Community Portal > Knowledge Base > Display syntax highlighting
Table of contents
No headersThe MindTouch syntax extension provides built-in support for highlighting syntax of popular programming languages. This extension is based on the work done by Alex Gorbatchev on the syntaxhighlighter project. To use it:
Figure 1
Figure 2
Figure 3
- Enable the syntax extension using these instructions.
- Open the affected page in the editor.
- Set Style to Formatted.
- Enter the content to which you want to apply syntax highlighting.
- Select the content, click Transform Content, and choose a language.
- Save the page.
Note that it is also possible to use syntax highlighting on file data, rather than page content. To do this, pass the output of web.text to the syntax extension:
| Output | ||
|
<extension>
<title>Scratch Extension</title>
<label>Scratch</label>
<copyright>Copyright (c) 2006-2009 MindTouch Inc.</copyright>
<description>This extension contains functions for embedding Scratch applications.</description>
<uri.help>http://developer.mindtouch.com/App_Catalog/Scratch</uri.help>
<uri.logo>http://scripts.mindtouch.com/logos/scratch-logo.png</uri.logo>
<function>
<name>scratch</name>
<description>Embed a Scratch application.</description>
<param name="id" type="str">Application User/ID.</param>
<param name="width" type="num" optional="true">Application width. (default: 482)</param>
<param name="height" type="num" optional="true">Application height. (default: 387)</param>
<return>
<html xmlns:eval="http://mindtouch.com/2007/dekiscript">
<body>
<applet id="ProjectApplet" style="display:block" code="ScratchApplet" codebase="http://scratch.mit.edu/static/misc" archive="ScratchApplet.jar" eval:width="web.size(args.width ?? 482)" eval:height="web.size(args.height ?? 387)">
<param name="project" eval:value="'../../static/projects/' .. args.id .. '.sb'" />
</applet>
<a eval:href="'http://scratch.mit.edu/projects/' .. args.id">Learn more about this project</a>
</body>
</html>
</return>
</function>
</extension>
|
- Tag page (Edit tags)
- What links here
Files 3
| File | Size | Date | Attached by | |||
|---|---|---|---|---|---|---|
| SyntaxHighlighting1.PNG No description | 120.13 kB | 00:30, 1 May 2008 | BrigetteK | Actions | |
| SyntaxHighlighting2.PNG No description | 119.81 kB | 00:30, 1 May 2008 | BrigetteK | Actions | |
| SyntaxHighlighting3.PNG No description | 132.75 kB | 00:30, 1 May 2008 | BrigetteK | Actions | |
Viewing 5 of 5 comments: view all
#1
rossbloke says:
How do you add other features (like collapse) using this method?
Posted 02:16, 6 May 2008
#2
flatcable says:
Is it possible to use syntax highlighting for a locally attached file?
Posted 08:44, 20 Mar 2009
#3
SteveB says:
Yes, absolutely. To highlight an attached java file do: {{ syntax.java(web.text(page.files['file-to-show.java'].uri)) }}
Posted 13:18, 20 Mar 2009
#4
maehrus says:
I'd like to create a highlightning style for other languages, like cobol, SPSS-syntax etc. How can I create a layout file for that, and if it works: how can I share it with others?
Posted 16:46, 15 Dec 2009
#5
SteveB says:
@maehrus search the forums. others have contributed syntax highlighters. it's pretty simple.
Posted 17:36, 21 Dec 2009
Viewing 5 of 5 comments: view all
You must login to post a comment.