Document Source

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Links added)
 
(16 intermediate revisions by 2 users not shown)
Line 1: Line 1:
CKEditor allows viewing the written text in the editing area in the HTML code.[[Image:CKEditor_source.png]] button on the toolbar.<br>
+
{{#CUSTOMTITLE:Document Source}}
 +
CKEditor is an online WYSIWYG editor that produces clean, standards-compliant HTML code. This means that you can write some text in the [[CKEditor 3.x/Users Guide/Interface/Editing Area|editing area]] and format it in a few simple clicks of the [[CKEditor 3.x/Users Guide/Interface/Toolbar|toolbar]] buttons without knowing the ins and outs of the HTML syntax.
  
Example:<br>
+
This is how a sample text appears in the editing area:
  
[[Image:CKEditor_example_source.gif]]<br>
+
[[Image:CKEditor_source_example1.png|frame|center|A sample text displayed in CKEditor WYSIWYG mode]]
  
After pressing [[Image:CKEditor_source.gif|50px]] button HTML code is shown:<br>
 
  
<span style="font-family: Courier New;"></span><span style="font-family: Courier New;"></span>[[Image:CKEditor_example_source2.png|Image:CKEditor_example_source2.png]]<br>
+
If at any time you would like to check the HTML source code of your document, use the [[Image:CKEditor_source.png|Source]] toolbar button. The text that will appear in the editing area contains all the relevant HTML tags and attributes.
  
To go back to the normal text press [[Image:CKEditor_source.png]] again.<br>
+
[[Image:CKEditor_source_example2.png|frame|center|A sample text displayed in CKEditor source code mode]]
  
Editing the code in the HTML language is a very difficult feature and it should only be done by advanced users. If you do not have experience in HTML type the text normally.<br>
+
 
 +
Since the source code view is not read-only, you can also edit your document while in this mode.
 +
 +
In order to return to the default, WYSIWYG view, press the [[Image:CKEditor_source.png|Source]] button again.
 +
 
 +
Do remember though that HTML editing is an advanced feature and its use should be limited to users with knowledge of the HTML markup language. CKEditor lets you format your document or insert media like images or links without worrying about the source code and tags.

Latest revision as of 11:51, 3 December 2010

CKEditor is an online WYSIWYG editor that produces clean, standards-compliant HTML code. This means that you can write some text in the editing area and format it in a few simple clicks of the toolbar buttons without knowing the ins and outs of the HTML syntax.

This is how a sample text appears in the editing area:

A sample text displayed in CKEditor WYSIWYG mode


If at any time you would like to check the HTML source code of your document, use the Source toolbar button. The text that will appear in the editing area contains all the relevant HTML tags and attributes.

A sample text displayed in CKEditor source code mode


Since the source code view is not read-only, you can also edit your document while in this mode.

In order to return to the default, WYSIWYG view, press the Source button again.

Do remember though that HTML editing is an advanced feature and its use should be limited to users with knowledge of the HTML markup language. CKEditor lets you format your document or insert media like images or links without worrying about the source code and tags.

This page was last edited on 3 December 2010, at 11:51.