History of TinymcePackage

Differences from version 4 to 8



@@ -1,27 +1,47 @@

 {maketoc}
 
-[http://tinymce.moxiecode.com|TinyMCE] allows you to enter content the WYSIWYG-way: it makes any content input area behave like an Office program, and look like one, too. Example: mark some text, click ''bold'', see it being bold right there without having to click ''save'' or ''preview''. Moreover, it's XHTML compliant, so once you ''do'' click ''safe'', ))TinyMCE(( will safe <strong> instead of <b>. It is platform independent, web based, written in Javascript, and released as Open Source under LGPL by [http://moxiecode.com|Moxiecode Systems AB].
+[http://tinymce.moxiecode.com|TinyMCE] is a rich text editor. This means, that input areas for content look like an Office program. Users mark some text, then click on a button ''B'' or hit Ctrl+B on their keyboard, and instantly see the marked text __bold__. TinyMCE is XHTML compliant: once the users clicks ''safe'', TinyMCE will markup the bold text with the XHTML tag -+strong+-. It is browser independent, written in Javascript, and released as Open Source under LGPL by [http://moxiecode.com|Moxiecode Systems AB].
 
-! How to get it working in bitweaver
-Since it uses HTML we have made limitations on when ))TinyMCE(( works to avoid problems during content editing. Please ensure that the following settings are set and then ))TinyMCE(( should work in browsers that support it.
-# install/enable the package Tinymce in __Administration --> Kernel --> Packages__
-# enable HTML in __Administration --> Liberty --> Plugins__ page and set as __default__ format
+! How to enable TinyMCE in Bitweaver
+# Download the package and unpack it in your Bitweaver directory.
+# Enable TinyMCE in -+Admin > Kernel > Packages+-.
+# Enable HTML in -+Admin > Liberty > Plugins > Format+-. Consider setting HTML as ''default'' format.
+# Enable the ability to input HTML for the user group of your choice in -+Admin > Users > Groups & Permissions+-.
+# Configure TinyMCE in -+Admin > TinyMCE > TinyMCE Settings+-.
 
-! Upgrade to a newer version of ))TinyMCE((
-You can upgrade ))TinyMCE(( - even if you don't upgrade bitweaver. Note that ))TinyMCE(('s language files are now to be downloaded seperately, if needed.
-# [http://tinymce.moxiecode.com/download.php|download] new version of __))TinyMCE((__ and unzip into yourbitweaverdirectory/tinymce/jscripts (note that the directory structure differs slightly from the stucture found in the downloaded archive)
-# [http://tinymce.moxiecode.com/download.php|download] the __))TinyMCE(( compressor__, unzip into yourbitweaverdirectory/tinymce/jscripts
+The editor can be set so that a user is asked if they want it loaded when accessing a text area that contains it. This is useful when there is a mix of HTML and text formats on a site. The editor can be ignored for text only pages. There are also settings to allow access to full screen mode, or enable clean mode, which are detailed further below. There is also a switch to enable debug mode, but this currently does not appear to be working.
 
-! Tipps & tricks
-!! plugins. example: fullscreen
-Several [http://tinymce.moxiecode.com/tinymce/docs/reference_plugins.html|native plugins] are included. The plugin __fullscreen__ can be useful if your pages have lots of text. The plugin adds a button to popup a full screen editor window. Open ))TinyMCE(('s ))header_inc.tpl((. Find the appropriate lines and add the fullscreen info where it belongs:
-{code source="php" title="yourbitweaverdirectory/tinymce/templates/header_inc.tpl"}
-original: plugins : "table",
-changeto: plugins : "table,fullscreen",
+! Tips & tricks
+!! plugins example: Fullscreen
+All of the [http://tinymce.moxiecode.com/tinymce/docs/reference_plugins.html|native plugins] are included. The plugin __fullscreen__ can be useful if your pages have lots of text. The plugin adds a button to popup a full screen editor window. An option is provided in the TinyMCE admin settings to enable this mode if required.
 
-original: theme_advanced_buttons3_add_before : "tablecontrols,separator",
-changeto: theme_advanced_buttons3_add_before : "tablecontrols,separator,fullscreen",
+!! plugins example: Preview
+Open the TinyMCE package's header_inc.tpl. Find the appropriate lines and add the preview info where it belongs:
+{code source="php" title="yourbitweaverdirectory/tinymce/templates/header_inc.tpl"}
+original: plugins : 'table',
+changeto: plugins : 'table,preview',
 {code}
+Adding this on the two lines below the plugins : 'table,fullscreen' ones will enable the preview when full screen mode is disabled.
+{code source="php"}
+original: theme_advanced_buttons3_add_before : 'tablecontrols,separator',
+changeto: theme_advanced_buttons3_add_before : 'preview,seperator,tablecontrols,separator,',
+{code}
+The add_before places these controls at the start of the bottom menu line, preview will be the first button, while fullscreen appears as the last button.
 
 !! Leave HTML code alone
-By default, ))TinyMCE(( strips certain HTML tags or even attributes. This can be unwanted if you switch from WYSIWYG to HTML to do some quick adjustments. To prevent the striping, ad __valid_elements : "*[*]"__ in yourbitweaverdirectory/tinymce/templates/header_inc.tpl
+By default, ))TinyMCE(( strips certain HTML tags or even attributes. This can be unwanted if bitweavers own HTML filtering is being applied as well, and there is an option to disable this in the package setup page. TinyMCE provides a very good alternative to the HTMLPurifier or SimplePurifier filters, and the actions it takes can be controlled by a number of settings in the in yourbitweaverdirectory/tinymce/templates/header_inc.tpl file. See the [http://wiki.moxiecode.com/index.php/TinyMCE:Configuration#Cleanup.2FOutput|TinyMCE on line help] for more details
+
+!! Site's style for the edit area
+The default configuration automatically loads the selected theme's style sheet into the editor, so if user selection of themes is enabled, the editor will follow the selected theme. This is an area that may need a bit more work, but some of the older themes do still need fine tuning to work with the latest code base anyway.
+
+!! Additional plugins
+[http://wiki.moxiecode.com/index.php/TinyMCE:Plugins|The TinyMCE Plugins] page lists a number of additional plugins which may be useful to add to the editor. However work is still required to provide plugins that will link with the equivalent Liberty plugins. Hopefully eventually resulting in an attachment browser that will track the galleries of fisheye and allow selection of files and images.
+
+!! Spellchecker
+The spellcheck plugin has a number of useful features, which are detailed on the [http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/spellchecker|TinyMCE Spellchecker page]. The default setup requires that pspell is loaded into PHP, and that is currently the only mode that has been tested. Providing access to the settings for the spell checker via the admin panel should not be difficult, but currently these need to be set manually in the "yourbitweaverdirectory/tinymce/jscript/plugins/spellchecker/config.php" file.
+
+! Upgrade to a newer version of TinyMCE
+As with all bitweaver packages, you can upgrade TinyMCE on it's own. The current package in CVS is version 3.2.3 but a later version can be installed directly simply by replacing the tinymce/jscripts directory with one from the later version.
+# [http://tinymce.moxiecode.com/download.php|download] new version of __TinyMCE__ and unzip into yourbitweaverdirectory/tinymce/jscripts (note that the directory structure differs slightly from the structure found in the downloaded archive)
+# [http://tinymce.moxiecode.com/download.php|download] the __TinyMCE compressor__, unzip into yourbitweaverdirectory/tinymce/jscripts
+Note that TinyMCE's language files are now to be downloaded separately, if needed.
Page History
Date/CommentUserIPVersion
26 Apr 2009 (08:54 UTC)
Lester Caine81.138.11.1368
Current • Source
laetzer141.20.150.437
View • Compare • Difference • Source
paul greavy83.199.246.2076
View • Compare • Difference • Source
laetzer85.178.27.2335
View • Compare • Difference • Source
laetzer85.178.27.2334
View • Compare • Difference • Source
laetzer85.178.56.2103
View • Compare • Difference • Source
xing194.152.164.452
View • Compare • Difference • Source