CKEditor 3.x/Users Guide/Compatibility - Revision history

Anna: /* A-Graded Browsers */ 8.0 Quirks in italics

2011-08-23T14:02:45Z

‎A-Graded Browsers: 8.0 Quirks in italics

Anna: /* A-Graded Browsers */ Bold formatting added

2011-08-23T14:02:15Z

‎A-Graded Browsers: Bold formatting added

Anna: /* A-Graded Browsers */ OS information removed

2011-08-23T14:01:30Z

‎A-Graded Browsers: OS information removed

Anna: Article updated to reflect YUI GBS model

2011-08-22T13:11:57Z

Article updated to reflect YUI GBS model

Anna: Article introduction added

2010-12-10T12:35:34Z

Article introduction added

Anna: Image replacement with new formatting, info about JavaScript added

2010-12-10T12:26:37Z

Image replacement with new formatting, info about JavaScript added

Anna: Custom title and links added, minor rewording

2010-12-08T15:21:06Z

Custom title and links added, minor rewording

Wiktor at 14:24, 15 November 2010

2010-11-15T14:24:47Z

Anna: Chrome for Mac added; text proof-read and edited.

2010-10-20T12:00:58Z

Chrome for Mac added; text proof-read and edited.

Magdalena.stachnik: /* Incompatible browsers */

2010-09-09T09:58:57Z

‎Incompatible browsers

@@ Line 11: / Line 11: @@
 The following is the list of browser versions that will receive A-grade (highest level) support as defined by the CKSource GBS. We aim to provide at least full A-grade support for the following products:<br />
 [[Image:firefox.png]] '''Firefox''': ''all major releases starting from'' 3.†<br />
-[[Image:Ie.png]] '''Internet Explorer''': 6.0, 7.0, 8.0, 8.0 Quirks, 9.0<br />
+[[Image:Ie.png]] '''Internet Explorer''': 6.0, 7.0, 8.0, ''8.0 Quirks'', 9.0<br />
 [[Image: Safari.png]] '''Safari''' 5.†<br />
 [[Image:Opera.png]] '''''Opera''': latest stable''<br />

@@ Line 10: / Line 10: @@
 === A-Graded Browsers ===
 The following is the list of browser versions that will receive A-grade (highest level) support as defined by the CKSource GBS. We aim to provide at least full A-grade support for the following products:<br />
-[[Image:firefox.png]] Firefox: ''all major releases starting from'' 3.†<br />
+[[Image:firefox.png]] '''Firefox''': ''all major releases starting from'' 3.†<br />
-[[Image:Ie.png]] Internet Explorer: 6.0, 7.0, 8.0, 8.0 Quirks, 9.0<br />
+[[Image:Ie.png]] '''Internet Explorer''': 6.0, 7.0, 8.0, 8.0 Quirks, 9.0<br />
-[[Image: Safari.png]] Safari 5.†<br />
+[[Image: Safari.png]] '''Safari''' 5.†<br />
-[[Image:Opera.png]] ''Opera: latest stable''<br />
+[[Image:Opera.png]] '''''Opera''': latest stable''<br />
-[[Image:chrome.png]] Google Chrome: latest stable
+[[Image:chrome.png]] '''Google Chrome''': latest stable
 <note>''Terms in italics'' indicate our additions to the YUI GBS. The dagger symbol (†) indicates that the most current non-beta version at that branch level receives support.</note>

@@ Line 9: / Line 9: @@
 === A-Graded Browsers ===
-The following is the list of browser versions that will receive A-grade (highest level) support as defined by the CKSource GBS. We aim to provide at least full A-grade support for the following products:
+The following is the list of browser versions that will receive A-grade (highest level) support as defined by the CKSource GBS. We aim to provide at least full A-grade support for the following products:<br />
+[[Image:firefox.png]] Firefox: ''all major releases starting from'' 3.†<br />
-{| width="515" cellspacing="0" cellpadding="3" border="1"
+[[Image:Ie.png]] Internet Explorer: 6.0, 7.0, 8.0, 8.0 Quirks, 9.0<br />
-|-
+[[Image: Safari.png]] Safari 5.†<br />
-| <br>
+[[Image:Opera.png]] ''Opera: latest stable''<br />
-| width="80" align="center" | Windows [[Image:Windows.png]]
+[[Image:chrome.png]] Google Chrome: latest stable
 <note>''Terms in italics'' indicate our additions to the YUI GBS. The dagger symbol (†) indicates that the most current non-beta version at that branch level receives support.</note>

@@ Line 1: / Line 1: @@
 {{#CUSTOMTITLE:CKEditor Compatibility}}
 __TOC__
-One of the strongest features of CKEditor is its almost unlimited compatibility. CKEditor is a JavaScript application, so it simply works with all server technologies, just like a simple <code>textarea</code> element. On the client side, it has been developed with all major browsers in mind, and supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, Camino and Opera. It can even be used in the old and notoriously bug-ridden Internet Explorer 6!
+One of the strongest features of CKEditor is its almost unlimited compatibility. CKEditor is a JavaScript application, so it simply works with all server technologies, just like a simple <code>textarea</code> element. On the client side, it has been developed with all major browsers in mind, and supports Internet Explorer, Mozilla Firefox, Google Chrome, Safari, and Opera. It can even be used in the old and notoriously bug-ridden Internet Explorer 6!
-== Compatible browsers ==
+CKEditor browser compatibility is [http://cksource.com/blog/CKSource_Graded_Browser_Support managed according to the Graded Browser Support model] proposed by [http://yuilibrary.com/yui/docs/tutorials/gbs/ Yahoo!], with some exceptions specific for the requirements of our audience and accessibility needs.
-{| width="489" cellspacing="0" cellpadding="3" border="1"
 |-
 | <br>
@@ Line 11: / Line 18: @@
 | width="80" align="center" | Linux [[Image:linux.png]]
 |-
-| Internet Explorer 6.0+ [[Image:Ie.png]]
+| Internet Explorer: 6.0, 7.0, 8.0, 8.0 Quirks, 9.0 [[Image:Ie.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
 | width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
 |-
-| Firefox 3.0+ [[Image:firefox.png]]
+| Firefox: ''all major releases starting from'' 3.† [[Image:firefox.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 |-
-| Safari 4.0+ [[Image: Safari.png]]
+| Safari 5.† [[Image: Safari.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
 |-
-| Opera (latest stable) [[Image:Opera.png|Opera]]
+| ''Opera: latest stable'' [[Image:Opera.png|Opera]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 |-
-| Google Chrome (latest stable) [[Image:chrome.png]]
+| Google Chrome: latest stable [[Image:chrome.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 |-
-| Camino 1.0+ [[Image: Camino.png]]
+| <br>
-| width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
+| width="180" align="center" |''' Windows 7 + JAWS †.†'''
-| width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
+| width="180" align="center" | '''Windows XP High Contrast'''
-| width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
+|-
 |}
+== Incompatible Browsers ==
 If you use an older version of one of the browsers listed above, a browser that does not appear in the table, or a browser with JavaScript support turned off, CKEditor's functionality may be limited or the editor might not work at all. In the latter case the editor [[CKEditor 3.x/Users Guide/Interface/Toolbar|toolbar]] will not be visible and you will only be able to enter the HTML code in the textarea element as shown below.

@@ Line 1: / Line 1: @@
 {{#CUSTOMTITLE:CKEditor Compatibility}}
 == Compatible browsers ==
 {| width="489" cellspacing="0" cellpadding="3" border="1"

@@ Line 8: / Line 8: @@
 | width="80" align="center" | Linux [[Image:linux.png]]
 |-
-| Internet Explorer 6.0+ [[Image: Ie.png]]
+| Internet Explorer 6.0+ [[Image:Ie.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
@@ Line 23: / Line 23: @@
 | width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
 |-
-| Opera (latest stable) [[Image:Opera.png]]
+| Opera (latest stable) [[Image:Opera.png|Opera]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
@@ Line 41: / Line 41: @@
 == Incompatible browsers ==
-If you use an older version of one of the browsers listed above or a browser that does not appear in the table, CKEditor's functionality may be limited or the editor might not work at all. In the latter case the editor [[CKEditor 3.x/Users Guide/Interface/Toolbar|toolbar]] will not be visible and you will only be able to enter the HTML code in the [[CKEditor 3.x/Users Guide/Interface/Editing Area|editing area]] as shown below.
+If you use an older version of one of the browsers listed above, a browser that does not appear in the table, or a browser with JavaScript support turned off, CKEditor's functionality may be limited or the editor might not work at all. In the latter case the editor [[CKEditor 3.x/Users Guide/Interface/Toolbar|toolbar]] will not be visible and you will only be able to enter the HTML code in the textarea element as shown below.
-[[Image:CKEditor_notsupported.png]]
+[[Image:CKEditor_notsupported.png|frame|center|Document source code displayed in a textarea element in a browser that does not support CKEditor]]
 If you want to benefit from all features of a full-fledged version of CKEditor, we recommend installing one of the numerous compatible browsers listed above.

@@ Line 30: / Line 30: @@
 | Google Chrome [[Image:chrome.png]]
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
-| width="80" align="center" | <span style="color: rgb(153, 153, 153);">N/A</span>
+| width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 | width="80" align="center" | '''<span style="color: rgb(51, 153, 102);"></span><span style="color: rgb(0, 153, 0);">YES</span>'''
 |-
@@ Line 41: / Line 41: @@
 == Incompatible browsers ==
-If user uses a browser which is a lower version of the browsers listed in the table or your browser does not appear in the table, CKEditor may work with limited features or not work at all. In this case, user will only see the editing area where user can write HTML code. The toolbar will not appear at all.
+If you use an older version of one of the browsers listed above or a browser that does not appear in the table, CKEditor's functionality may be limited or the editor might not work at all. In the latter case the editor toolbar will not be visible and you will only be able to enter the HTML code in the editing area as shown below.
 Example:
@@ Line 47: / Line 47: @@
 [[Image:CKEditor_notsupported.png]]
-If you want to work with all of CKEditor features install one of the compatible browsers and than run the editor.
+If you want to benefit from all the features of a full-fledged version of CKEditor, we recommend installing one of the numerous compatible browsers listed above.