History of TinymcePackage
Version 6
TinymcePackage
a description of how to use TinyMCE
Created by: paul greavy, Last modification: 13 Oct 2006 (08:46 UTC) by paul greavy
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 instead of . It is platform independent, web based, written in Javascript, and released as Open Source under LGPL by 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
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.- 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)
- download the TinyMCE compressor, unzip into yourbitweaverdirectory/tinymce/jscripts
Tips & tricks
plugins example: Fullscreen
Several 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:yourbitweaverdirectory/tinymce/templates/header_inc.tpl
<?php
original: plugins : "table",
changeto: plugins : "table,fullscreen",
original: theme_advanced_buttons3_add_before : "tablecontrols,separator",
changeto: theme_advanced_buttons3_add_before : "tablecontrols,separator,fullscreen",
?>
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.tplSite's style for the edit area
It can be useful to make the editing area look just like your site. Gives an instant-preview impression. Yellow warning: things could get messy if, for instance, your body has a dark background color, and your content area is light. Tiny's editing area would get its background color from your site's body ... well, nothing that you couldn't override in your site's CSS. Advantage: you don't have to alter the CSS files found in /tinymce/jscripts/themes/ and thus keep your own styling informations in your own style folder. Less worry in case of a Tiny update. Work this line:yourbitweaverdirectory/tinymce/templates/header_inc.tpl
<?php
original: content_css : "{$smarty.const.THEMES_STYLE_URL}tinymce/tinymce.css",
changeto: content_css : "{$smarty.const.THEMES_STYLE_URL}{$style}.css",
?>