products/editliveforilwcm/features/sourceediting.htmlEditLive for IWWCM - Feature Tour - Source EditorSource editor1

Source EditorSource Editor

Syntax highlighting and features for developers.

Advanced text editing with built-in source code editor

Quickly switch between the WYSIWYG editor view and the source code view with a tab at the bottom of the editor window.  EditLive! Syntax highlighting allows you to view and edit source code in a more usable format.   The following colors are used.

  • Black - Text
  • Red - Special characters and operators
  • Green - Tag values
  • Blue - Tags

Indentation allows you to easily view the content between matched tag pairs <> and </>.

Source Editing Demo
Flash Feature Tour

Save time with the powerful editing features

  • Find/replace
  • Copy/paste
  • Select all content
  • Select specific content (eg all heading 1 or all heading 2 content)

Example 1: Find/replace is particularly useful for changing many tags or urls at once.  You can quickly replace "features" with "swing" in the url path of all the hyperlinks with the Find/replace dialog.

<a href="/products/editlive/features/hyperlinks.html"> to <a href="/products/editlive/swing/hyperlinks.html">

Example 2:  Updating many image file names or file locators at once.  Here you can point to a different image file directly by replacing "images" with "images2" in the file locator path.

<a href="/products/editlive/images/hyperlinks.jpg"> to <a href="/products/images2/hyperlinks.jpg">

Updating these links in the usual WYSISWYG design view has to be done one at a time so the code view is a powerful time saver.