<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
		<id>https://docs-old.ckeditor.com/index.php?action=history&amp;feed=atom&amp;title=CKEditor_3.x%2FUsers_Guide%2FDocument%2FPreview</id>
		<title>CKEditor 3.x/Users Guide/Document/Preview - Revision history</title>
		<link rel="self" type="application/atom+xml" href="https://docs-old.ckeditor.com/index.php?action=history&amp;feed=atom&amp;title=CKEditor_3.x%2FUsers_Guide%2FDocument%2FPreview"/>
		<link rel="alternate" type="text/html" href="https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Preview&amp;action=history"/>
		<updated>2026-05-16T21:59:20Z</updated>
		<subtitle>Revision history for this page on the wiki</subtitle>
		<generator>MediaWiki 1.29.1</generator>

	<entry>
		<id>https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Preview&amp;diff=5618&amp;oldid=prev</id>
		<title>Anna: Final proof-reading</title>
		<link rel="alternate" type="text/html" href="https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Preview&amp;diff=5618&amp;oldid=prev"/>
				<updated>2010-12-13T09:38:55Z</updated>
		
		<summary type="html">&lt;p&gt;Final proof-reading&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;col class='diff-marker' /&gt;
				&lt;col class='diff-content' /&gt;
				&lt;tr style='vertical-align: top;' lang='en'&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan='2' style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Revision as of 09:38, 13 December 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l11&quot; &gt;Line 11:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 11:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;−&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The second figure shows the same document displayed in the preview mode in a new browser window. As you can see, the user can now write his name in the text box and choose one of the options &lt;del class=&quot;diffchange diffchange-inline&quot;&gt;on &lt;/del&gt;the selection list. The anchor icon is now gone (as is the form frame and table handles), but the link is working and clickable.&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;+&lt;/td&gt;&lt;td style=&quot;color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The second figure shows the same document displayed in the preview mode in a new browser window. As you can see, the user can now write his name in the text box and choose one of the options &lt;ins class=&quot;diffchange diffchange-inline&quot;&gt;from &lt;/ins&gt;the selection list. The anchor icon is now gone (as is the form frame and table handles), but the link is working and clickable.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image: CKEditor_preview_example2.png|frame|center|A sample document in the preview mode of CKEditor]]&lt;/div&gt;&lt;/td&gt;&lt;td class='diff-marker'&gt;&amp;#160;&lt;/td&gt;&lt;td style=&quot;background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image: CKEditor_preview_example2.png|frame|center|A sample document in the preview mode of CKEditor]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Anna</name></author>	</entry>

	<entry>
		<id>https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Preview&amp;diff=5407&amp;oldid=prev</id>
		<title>Anna: Article contents added</title>
		<link rel="alternate" type="text/html" href="https://docs-old.ckeditor.com/index.php?title=CKEditor_3.x/Users_Guide/Document/Preview&amp;diff=5407&amp;oldid=prev"/>
				<updated>2010-12-02T16:52:29Z</updated>
		
		<summary type="html">&lt;p&gt;Article contents added&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{#CUSTOMTITLE:Document Preview}}&lt;br /&gt;
CKEditor is a WYSIWYG editor which means that the content created in it looks as similar as possible to the results the end user will see after the document is published. If, however, at any time during the document creation process you want to check the appearance of the document, you can easily do this with the '''Preview''' function.&lt;br /&gt;
&lt;br /&gt;
To check the output document, press the [[Image:CKEditor_preview.png|Preview]] toolbar button. The preview of the document will open in the new browser window and you will be able to see the end result without editor chrome and toolbars.&lt;br /&gt;
&lt;br /&gt;
Note that some elements whose representation in the editor differs from what they really look like in the produced document (like, for example, forms), can also be checked and tested in their output shape. &lt;br /&gt;
&lt;br /&gt;
The first figure shows some sample document as seen in CKEditor in the edit mode.&lt;br /&gt;
&lt;br /&gt;
[[Image: CKEditor_preview_example1.png|frame|center|A sample document in the edit mode of CKEditor]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
The second figure shows the same document displayed in the preview mode in a new browser window. As you can see, the user can now write his name in the text box and choose one of the options on the selection list. The anchor icon is now gone (as is the form frame and table handles), but the link is working and clickable.&lt;br /&gt;
&lt;br /&gt;
[[Image: CKEditor_preview_example2.png|frame|center|A sample document in the preview mode of CKEditor]]&lt;/div&gt;</summary>
		<author><name>Anna</name></author>	</entry>

	</feed>