User Tools

Site Tools


how_to:wysiwyg_editor

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
how_to:wysiwyg_editor [2011/05/14 11:55]
Connie [WYSIWYG Editor]
how_to:wysiwyg_editor [2014/01/19 17:16] (current)
emanwebdev [WYSIWYG Editor]
Line 1: Line 1:
 ====== WYSIWYG Editor ====== ====== WYSIWYG Editor ======
 +GetSimple uses [[http://​ckeditor.com/​|CKEditor]] as its rich-text editor of choice. It is not necessary to have this enabled to use **GetSimple**. If you have it off, you will need to type the HTML into your content area yourself.
  
-GetSimple uses [[http://ckeditor.com/|CKEditor]] ​as its rich-text editor of choice. It is not necessary to have this enabled to use GetSimpleIf you have it offyou will need to type the HTML into your content area yourself.+Please note that the expression ​//WYSIWYG Editor// is commonly used, but it is not 100% true.  
 +The editor, ​as any Rich-Text-Editor for web-applications does not reflect the actual CSS which comes with the activated themeTo have the text displayed / formatted like it would be styled by CSSsome configuration has to be done (and is not documented yet here in the WIKI)
  
 **CKEditor** is the successor of FCKEditor, but with new syntax. **CKEditor** is the successor of FCKEditor, but with new syntax.
-All information on CKEditor ​ist online at [[http://​docs.cksource.com/​]] ​+ 
 +All information on CKEditor ​is online at [[http://​docs.cksource.com/​]] ​
  
 In this chapter, you find the following information about the editor: In this chapter, you find the following information about the editor:
Line 10: Line 13:
   - [[how_to:​editor_configuration_toolbars|Editor Toolbars]]   - [[how_to:​editor_configuration_toolbars|Editor Toolbars]]
   - [[how_to:​editor_configuration_more_options|More Editor Options]]   - [[how_to:​editor_configuration_more_options|More Editor Options]]
-  - [[how_to:​editor_configuration_custom_files|Custom Configuration ​files]] +  - [[how_to:​editor_configuration_custom_files|Custom Configuration ​File and Custom Styles File]]  
 +  - [[how_to:​editor_configuration_syntaxhighlight|Add SyntaxHighLighting to the editor]] 
 +  - [[how_to:​editor_configuration_more_options#​spellcheck | SpellChecker]]
  
-In your GetSimple-installation,​ **CKEditor** is located in the directory //root of your GetSimple installation/​admin/​template/​js/​ckeditor\//+In your GetSimple-installation,​ **CKEditor** is located in the directory //root of your GetSimple installation/​admin/​template/​js/​ckeditor//​
 +There you will find the file ''​readme-getsimple.txt''​ which contains information about the integration into **GetSimple**. 
 +==== ReadMe ==== 
 +//CKEditor 3.5.2 for GetSimple CMS (v1.1, 2011-03-06)
  
-There you will find the file "​readme-getsimple.txt"​ which contains information about the integration into GetSimple. +This is a special stripped down version of CKEditor, configured to work with **GetSimple.**
-====== ReadMe ====== +
-"CKEditor ​3.5.2 for GetSimple ​CMS (v1.1, 2011-03-06)+
  
-This is a special stripped down version ​of CKEditor, configured to work with GetSimple.+Differences from original ​version:
  
-Differences from original version:​\\ +* added improved getsimple skin, based on default getsimple skin 
-* added improved getsimple skin, based on default getsimple skin\\ +* removed samples, sources, skins, all languages except from English, connectors and other files not crucial for CKEditor functioning
-* removed samples, sources, skins, all languages except from English, connectors and other files not crucial for CKEditor functioning\\+
 * hide element path, resizer and toolbar collapser using config.js instead of CSS display:​none * hide element path, resizer and toolbar collapser using config.js instead of CSS display:​none
  
-Issues:\\ +Issues: 
-* toolbar collapser doesn'​t work\\ +* toolbar collapser doesn'​t work 
-* some toolbar icons in icons.png has very low opacity (it is in image, not CSS problem)\\ +* some toolbar icons in icons.png has very low opacity (it is in image, not CSS problem) 
-* dialog close button should be replaced with image more suitable to GetSimple style \\+* dialog close button should be replaced with image more suitable to GetSimple style 
  
-Notes:\\ +Notes: 
-Removing all languages except English from CKEditor saves a lot of space. I'd suggest to notify translators to add CKEditor translations to GetSimple translation packs."+Removing all languages except English from CKEditor saves a lot of space. I'd suggest to notify translators to add CKEditor translations to GetSimple translation packs.//
  
-====== Enabling/​Disabling CKEditor in GetSimple ​======+===== Enabling/​Disabling CKEditor in GetSimple =====
 Within **Settings -> Website Settings** you can check (enable) or uncheck (disable). Within **Settings -> Website Settings** you can check (enable) or uncheck (disable).
 {{:​how_to:​enable-htmleditor.png|}} {{:​how_to:​enable-htmleditor.png|}}
  
 +======Links======
 +Back to the GetSimple Wiki [[:​start|Contents Page]]
 +==Pages in this Section==
 +===Adding and Editing Content===
 +  *[[how_to:​wysiwyg_editor|WYSIWYG Editor]]
 +  *[[:​components|Components]]
 +  *[[:​404|Custom 404 Page]]
how_to/wysiwyg_editor.1305374146.txt.gz · Last modified: 2013/04/19 14:56 (external edit)