Share:
ClickHelp Documentation

Code Highlighting

ClickHelp supports highlighting for code examples thourgh a special Code Sample block. You can insert code examples in dozens of languages: JavaScript, XML, HTML, CSS, ASP.NET, etc.

To insert a code block with highlighting, do the following:
  • Go to the Insert tab of the editor's toolbar.
  • Click the Code Sample button.

  • The Insert Code Sample dialog will open where you can select a language, and enter the code.
     
  • Click OK when you're done.

Here is how your code will look in the view mode:


To edit the code, you can do the following:

  • Double-click your Code Sample block.

OR

  • Click the Code Sample block and select the "Edit Code Sample" context menu command.

OR

  • Click the Code Sample block and then click the gear icon in the Tag Inspector line.
     

OR

  • Click a Code Sample block and then click Code Sample on the Insert tab of the ribbon bar.

To delete a code sample, click it and then click  or press Delete.

If you or your readers (if your documentation is public) want to copy the code, click the "Copy Code" button.

As you can see, it's easy to insert code samples in ClickHelp.