Links to anchors

  Previous topic Next topic JavaScript is required for the print function Mail us feedback on this topic! Mail us feedback on this topic!  

Via the Anchor tab, users can insert links to any anchor or any HTML element with specified ID attribute on the current page. Anchors are the <a> html elements with the name attribute specified. They can be inserted using the Anchor icon on the WYSIWYG editor toolbar. If you link to an anchor, the page will scroll to the anchor after clicking the link.

 

You have the following options on this tab:

 

Link text: text of the link that will appear in the text; this field is visible only when inserting link into an empty space in the text area, i.e. when no text or object is selected
Link to existing anchor with name: if selected, you can choose an anchor from the drop-down list below as the target
Link to existing element with ID: if selected, you can choose a HTML element from the drop-down list below as the target
Link to the following anchor: if selected, you can type in the name of the target anchor or ID of the target element manually

 

The output code looks like the following code sample, while the text after # is the name of the anchor or the value of the ID attribute:

 

<a href="#Anchor_2">Second chapter</a>

 

devguide_clip0817

 

Page url: http://devnet.kentico.com/docs/5_5r2/devguide/index.html?wysiwyg_insert_link_anchor.htm