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/11 16:29] mrmut |
how_to:wysiwyg_editor [2014/01/19 17:16] (current) emanwebdev [WYSIWYG Editor] |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| - | ====== Image 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://deepliquid.com/content/Jcrop.html|Jcrop]] as its image editor of choice. | + | 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) | ||
| - | ===== Tips'n tricks ===== | + | **CKEditor** is the successor of FCKEditor, but with new syntax. |
| - | ==== CropBug ==== | + | All information on CKEditor is online at [[http://docs.cksource.com/]] |
| - | GetSimple 3.0 has a bug with Jcrop: when cropping images larger than the image preview panel, the crop is erroneous. | + | In this chapter, you find the following information about the editor: |
| + | - [[Editor Configuration|Advanced Editor Configuration]] | ||
| + | - [[how_to:editor_configuration_toolbars|Editor Toolbars]] | ||
| + | - [[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_syntaxhighlight|Add SyntaxHighLighting to the editor]] | ||
| + | - [[how_to:editor_configuration_more_options#spellcheck | SpellChecker]] | ||
| - | That is fixed by adding line: | + | 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) | ||
| - | <code>trueSize: [<?php print("$imgwidth,$imgheight"); ?>],</code> | + | This is a special stripped down version of CKEditor, configured to work with **GetSimple.** |
| - | just below: | + | Differences from original version: |
| - | <code>var api = $.Jcrop('#cropbox',{</code> | + | * 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 | ||
| + | * hide element path, resizer and toolbar collapser using config.js instead of CSS display:none | ||
| - | in the file: image.php | + | Issues: |
| + | * toolbar collapser doesn't work | ||
| + | * 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 | ||
| - | ==== Customizing JCrop behavior ==== | + | 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.// | ||
| - | In the file image.php, one can edit JCrop functions. | + | ===== Enabling/Disabling CKEditor in GetSimple ===== |
| + | Within **Settings -> Website Settings** you can check (enable) or uncheck (disable). | ||
| + | {{:how_to:enable-htmleditor.png|}} | ||
| - | You can look up list of JCrop functions in the JCrop manual: http://deepliquid.com/content/Jcrop_Manual.html | + | ======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.1321028987.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
