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:26] mrmut |
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://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]] |