CKEditor 3.x/Users Guide/Rich Text/Links - Revision history

Sebstefanov at 11:44, 8 August 2012

2012-08-08T11:44:37Z

Sebstefanov at 11:44, 8 August 2012

2012-08-08T11:44:10Z

Sebstefanov at 11:43, 8 August 2012

2012-08-08T11:43:31Z

Anna: Anchor section revised and updated to CKEditor 3.6.1, with Remove Anchor option added

2011-07-11T11:36:21Z

Anchor section revised and updated to CKEditor 3.6.1, with Remove Anchor option added

Anna: /* Link Type: Link to anchor in the text */ Link Info tab for anchors screenshots and description modified

2011-04-08T09:15:02Z

‎Link Type: Link to anchor in the text: Link Info tab for anchors screenshots and description modified

Anna: /* Advanced */ Relationship field described

2011-04-08T09:01:35Z

‎Advanced: Relationship field described

Anna: /* Advanced */ Screenshot changed to match others

2010-12-17T09:25:49Z

‎Advanced: Screenshot changed to match others

Anna: Final proof-reading with jQuery links removed

2010-12-13T12:07:57Z

Final proof-reading with jQuery links removed

Show changes

Anna: Dialog windows template added

2010-12-10T11:18:48Z

Dialog windows template added

Anna: Keyboard shortcut added

2010-12-08T12:54:31Z

Keyboard shortcut added

@@ Line 11: / Line 11: @@
 * [[CKEditor 3.x/Users Guide/Rich Text/Links#Upload|Upload]] (this tab is only available for URL link type)
 * [[CKEditor 3.x/Users Guide/Rich Text/Links#Advanced|Advanced]]
 {{CKEditor Dialog Windows}}

@@ Line 43: / Line 43: @@
 **: <code><nowiki>http://example.com/about.html</nowiki></code>
 **: <code><nowiki>http://example.com/images/image1.jpg</nowiki></code>
-** Local server: If the resource is located on the same server, you can use an relative path that omits the domain name and starts with a slash.
+** Local server: If the resource is located on the same server, you can use a relative path that omits the domain name and starts with a slash.
 **: Example:
 **: <code><nowiki>/about/mission.html</nowiki></code>

@@ Line 43: / Line 43: @@
 **: <code><nowiki>http://example.com/about.html</nowiki></code>
 **: <code><nowiki>http://example.com/images/image1.jpg</nowiki></code>
-** Local server: If the resource is located on the same server, you can use an absolute path that omits the domain name and starts with a slash.
+** Local server: If the resource is located on the same server, you can use an relative path that omits the domain name and starts with a slash.
 **: Example:
 **: <code><nowiki>/about/mission.html</nowiki></code>

@@ Line 143: / Line 143: @@
 For a detailed description of all '''Advanced''' tab elements, refer to the [[CKEditor 3.x/Users Guide/Rich Text/Links#Advanced|Advanced]] section above.
-== Removing a link ==
+== Removing a Link ==
-Removing a link is just as easy as adding it. When the mouse cursor is placed on a link, the [[Image:CKEditor_unlink.png|Unlink]] button on the toolbar becomes active. Pressing the button removes the link and leaves plain text. Alternatively you can also open the element's context menu by pressing the right mouse button or using the ''Menu/Application'' key on your keyboard, and choose the '''Unlink''' command.
+Removing a link is just as easy as adding it. When the cursor is placed in a link, the [[Image:CKEditor_unlink.png|Unlink]] button on the toolbar becomes active. Pressing the button removes the link and leaves plain text. Alternatively you can also open the element's context menu by pressing the right mouse button or using the ''Menu/Application'' key on your keyboard, and choose the '''Unlink''' command.
 = Anchors =
@@ Line 153: / Line 153: @@
 In order to create an anchor, enter its name in the '''Anchor Name''' text box. Once you click '''OK''', the [[Image:CKEditor_anchor_marker.gif|Anchor marker‎]] icon will appear in the document.
 You can now [[CKEditor 3.x/Users Guide/Rich Text/Links#Link Type: Link to anchor in the text|create a link to your anchor]] with the [[Image:CKEditor_link.png|Link‎]] button. Once it is ready, the link will take the reader of your document to the section marked with the anchor.
-[[Image:CKEditor_anchor_example.png|frame|center|An anchor inserted into a document with a link pointing to it]]
+[[Image:CKEditor_anchor_link_example.png|frame|center|An anchor inserted into a document with a link pointing to it]]

@@ Line 111: / Line 111: @@
 == Link Type: Link to anchor in the text ==
 If you want to point to an [[CKEditor 3.x/Users Guide/Rich Text/Links#Anchors|anchor]] previously set in the document, select '''Link to anchor in the text''' from the '''Link Type''' drop-down list. When you choose this link  type, two '''Link''' dialog window tabs will become available: the '''Link Info''' tab and the '''Advanced''' tab.
 [[Image:CKEditor_link_anchor_linkinfo.png|frame|center|Link Info tab of the Link window for the Link to anchor in the text link type]]

@@ Line 106: / Line 106: @@
 * '''Stylesheet Classes''' &ndash; the class of the link element (<code>class</code> attribute). Note that an link element might be assigned more than one class. If this is the case, separate class names with spaces.
 * '''Linked Resource Charset''' &ndash; the character set of the linked resource (<code>charset</code> attribute).
 * '''Style''' &ndash; CSS style definitions (<code>style</code> attribute). Note that each value must end with a semi-colon and individual properties should be separated with spaces.

← Older revision		Revision as of 09:25, 17 December 2010
Line 92:		Line 92:
	The '''Advanced''' tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS and gives nearly endless possibilities as far as the presentation of the link is concerned.		The '''Advanced''' tab lets you configure additional link options such as assigning it an ID, a class, a tab index, a tooltip, or CSS style properties. It is meant for advanced users with knowledge of HTML and CSS and gives nearly endless possibilities as far as the presentation of the link is concerned.

−	[[Image:~~CKEditor_link_advanced~~.png\|frame\|center\|Advanced tab of the Link window]]	+	[[Image:CKEditor_link_url_advanced.png\|frame\|center\|Advanced tab of the Link window]]

@@ Line 12: / Line 12: @@
 * [[CKEditor 3.x/Users Guide/Rich Text/Links#Advanced|Advanced]]
-For general information on using dialog windows please refer to the [[CKEditor 3.x/Users Guide/Interface/Dialog Windows|Dialog Windows]] section of the User's Guide.
+{{CKEditor Dialog Windows}}
 == Link Type: URL ==

@@ Line 4: / Line 4: @@
 The '''Link''' feature of CKEditor is a powerful option that lets you add clickable hyperlinks or e-mail addresses to your documents as well as control the way they look and work.
-To insert a link to you document, press the [[Image:CKEditor_link.png|Link]] button on the toolbar. If you want the link to be assigned to a text fragment, select it first. If no text is selected, the link URL or e-mail address will appear in the document as-is.
+To insert a link to you document, press the [[Image:CKEditor_link.png|Link]] button on the toolbar or use the ''Ctrl+L'' keyboard shortcut. If you want the link to be assigned to a text fragment, select it first. If no text is selected, the link URL or e-mail address will appear in the document as-is.
 The '''Link''' dialog window that will open lets you choose the link type and configuration options pertaining to your choice. It contains two or four tabs that group link options, depending on the link type: