Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

The In the CMS, the code editor is used for entering or editing HTML, Javascript, CSS or Razor syntax in pages, widgets, custom widgets, and scripts and styles files. In places lets you view and edit code for various purposes such as formatting content or adding script files. Code can be HTML/XML elements, JavaScript, CSS and Razor syntax, The code editor has features to make viewing and editing easier. Also, in Scripts and Styles where file history is always kept, there is a compare tool you can bring up two versions of a file side by side and use to look at the differences in two file versions.

...

the comparison tool to check differences.


The code editor appears in various pages, widgets, custom widgets, and Scripts and Styles files.

Places with the code editor

Scripts & Styles

Javascript and CSS files

HTML source code from in the WYSIWYG content editor

in various pages and widgets


Custom widgets

Razor syntax in custom widgets

   

...

Code editor

...

features

...


FeatureSide by side comparison tool

Quick code nagivation

Image Removed

Code completion, content assist, and code hinting of of JavaScript, CSS, JSON, HTMLSyntax colourisation, HTML

Once a character is typed, any matching options are listed for selection. 

Image Added

Page thumbnail

On the right side, you get a small view (thumbnail) of the file or page contents. You can click on a part to quickly jump to that location. 

Image Added

Syntax colourisation

Text and coding are consistently coloured to help viewing and editing. 

Image Added


Colour picker

Coding that calls for a colour will display a small square. Hover over it to use the colour picker.

Image Added

Side by side comparison tool

(In Scripts and Styles)

Contents of two versions can be compared. Changes are highlighted in red. Newly added content or coding are highlighted in green. 

Image Added


Related help

Content by Label
showLabelsfalse
max10
showSpacefalse
cqllabel = "content"

...