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.

(Article rewrite, alt attributes added.)
Line 1: Line 1:
−
CKEditor allows user writing in the editing area and also provides the ability to view how it looks in HTML code.
+
CKEditor is an online WYSIWYG editor that produces clean, standards-compliant HTML code. This means that you can write the 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:
  
−
Sample text written in the editing area:<br>
+
[[Image:CKEditor_example_source.png|alt=Default WYSIWYG view]]
  
−
[[Image:CKEditor_example_source.png]]<br>
+
If at any time you would like to check the HTML source code of your document, use the [[Image:CKEditor_source.png|alt=Source]] button from the toolbar. The text that will appear in the editing area contains all the relevant HTML tags and attributes.
  
−
To see the HTML code user should press [[Image:CKEditor_source.png]] button on the toolbar.<br>
+
[[Image:CKEditor_example_source2.png|Image:CKEditor_example_source2.png|alt=HTML source code of the text]]
  
−
[[Image:CKEditor_example_source2.png|Image:CKEditor_example_source2.png]]<br>
+
In order to return to the default, WYSIWYG view, press the [[Image:CKEditor_source.png|alt=Source]] button again.
  
−
To go back to the normal text press [[Image:CKEditor_source.png]] again.<br>
+
Do remember though that HTML editing is an advanced feature and its use is limited to users with knowledge of the HTML markup language. CKEditor lets you format the text or insert media like images or links without worrying about the source code and tags.
−
 
 
−
Editing the code in HTML language is a very difficult feature and it should be done only by advanced users. If you do not have experience in HTML type the text normally.<br>
 

Revision as of 13:50, 20 October 2010

CKEditor is an online WYSIWYG editor that produces clean, standards-compliant HTML code. This means that you can write the 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:

File:CKEditor example source.png

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

Image:CKEditor_example_source2.png

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 is limited to users with knowledge of the HTML markup language. CKEditor lets you format the text or insert media like images or links without worrying about the source code and tags.

Retrieved from "https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Source&oldid=4425"