how_to:wysiwyg_editor
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
how_to:wysiwyg_editor [2011/11/13 07:13] Connie Reconstruction of empty page |
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 **GetSimple**. If you have it off, you 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 theme. To have the text displayed / formatted like it would be styled by CSS, some 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: | ||
| - | - [[Editor Configuration|Advanced Editor Configuration]] | + | - [[Editor Configuration|Advanced Editor Configuration]] |
| - | - [[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 File and Custom Styles File]] | + | - [[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**. | There you will find the file ''readme-getsimple.txt'' which contains information about the integration into **GetSimple**. | ||
| - | ====== ReadMe ====== | + | ==== ReadMe ==== |
| - | //CKEditor 3.5.2 for GetSimple CMS (v1.1, 2011-03-06)\\ | + | //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.**\\ | + | 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.1321168412.txt.gz · Last modified: 2013/04/19 14:56 (external edit)
Page Tools
Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
