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.

(Article rewrite, alt attributes added.)
(Links added)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
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.
+
{{#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.
  
 
This is how a sample text appears in the editing area:
 
This is how a sample text appears in the editing area:
  
[[Image:CKEditor_example_source.png|alt=Default WYSIWYG view]]
+
[[Image:CKEditor_source_example1.png|frame|center|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 [[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.
 
  
[[Image:CKEditor_example_source2.png|Image:CKEditor_example_source2.png|alt=HTML source code of the text]]
+
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.
  
In order to return to the default, WYSIWYG view, press the [[Image:CKEditor_source.png|alt=Source]] button again.
+
[[Image:CKEditor_source_example2.png|frame|center|A sample text displayed in CKEditor source code mode]]
  
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.
+
 
 +
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.