login | register
Mon 13 of Oct, 2008 (02:04 UTC)

bitweaver - Web Application Framework and CMS

Web Application Framework and CMS

Refresh cacheHistoryPrint

TinymcePackage

a description of how to use TinyMCE

Created by: xing, Last modification: Fri 13 of 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.
  1. install/enable the package Tinymce in Administration --> Kernel --> Packages
  2. 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.
  1. 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)
  2. 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

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.tpl

Site'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

original: content_css : "{$smarty.const.THEMES_STYLE_URL}tinymce/tinymce.css",
changeto: content_css : "{$smarty.const.THEMES_STYLE_URL}{$style}.css",

Comments

Reply to this comment

by Phil Field, Saturday 01 of September, 2007 (18:30:07 UTC)
I have just installed Bitweaver 1.3.1.

The instructions above say to get Tinymce to work, to do this:
1. install/enable the package Tinymce in Administration --> Kernel --> Packages
2. enable HTML in Administration --> Liberty --> Plugins page and set as default format

Number 1 works but
Under Administration > Liberty > Plugins, I think you have left out the step of choosing the Format Tab, and HTML is first on that list. I have made that default. It was already checked as Active.
But my wiki files still don't give me the Tinymce editor
Now What!

OK, later, now I see that I need to download and install a newer version of Tinymce plus the compressor.
If this so so, why doesn't someone just put these new versions right into Bitweaver 1.3.1, so that it will work right out of the box?

After all that, yes, it does work!
Reply to this comment

Changes to tinyMCE in CVS

by Yettyn, Sunday 23 of December, 2007 (10:50:06 UTC)
tinyMCE in CVS has been upgraded to latest stable version 2.1.3 and also compressor has been upgraded to latest. Also content_css have changed to use the current active theme as default.

These changes will be included in BW R2.0.1

Related Items

Packages » Optional Packages

Packages that can be added to bitweaver to expand the core functionality.

Lucene in the Sky with Diamonds!  •  Newsletters News and Center Pieces are Falling Into Place  •  Archived Picture Upload with Fisheye under Windows  •  BitcartPackage  •  BitcommercePackage  •  bitUnitPackage  •  BlogsPackage  •  BnspellPackage  •  BoardsPackage  •  CalendarPackage  •  CascaderPackage  •  CategoriesPackage  •  ChatterboxPackage  •  CvsviewPackage  •  DamoboardsPackage  •  DirectoryPackage  •  FckeditorPackage  •  FisheyePackage  •  GalaxiaPackage  •  GmapPackage  •  HotwordsPackage  •  LDAPContactsPackage  •  LucenePackage  •  MapperPackage  •  MetaPackage  •  MultisitesPackage  •  NewslettersPackage  •  NexusPackage  •  PdfPackage  •  PhpBBPackage  •  PhpgedviewPackage  •  PigeonholesPackage  •  PodcastsPackage  •  ProtectorPackage  •  ProtectorService  •  QuicktagsPackage  •  RecommendsPackage  •  RSSPackage  •  SamplePackage  •  SamplePackageDissection  •  SearchPackage  •  ShoutboxPackage  •  SitehomePackage  •  StarsPackage  •  StatsPackage  •  StickiesPackage  •  TagsPackage  •  TinymcePackage  •  TreasuryPackage  •  WikiPackage  •  Packages  •  magickwand-0.1.3.tar

Online Help » Packages

ArticlesPackage  •  BitcartPackage  •  BitcommercePackage  •  bitweaverPackage  •  BlogsPackage  •  BnspellPackage  •  BoardsPackage  •  CalendarPackage  •  CascaderPackage  •  CategoriesPackage  •  ChatterboxPackage  •  EventsPackage  •  FckeditorPackage  •  FisheryPackage  •  FisheyePackage  •  GalaxiaPackage  •  GatekeeperPackage  •  GeoPackage  •  GmapPackage  •  GroupsPackage  •  IlikePackage  •  InstallPackage  •  KernelPackage  •  LanguagesPackage  •  LDAPContactsPackage  •  LibertyPackage  •  LibertySecurePackage  •  MessagesPackage  •  MetaPackage  •  ModCommentsPackage  •  ModerationPackage  •  Moderation Package  •  NewslettersPackage  •  NexusPackage  •  PackagerPackage  •  PdfPackage  •  PhpBBPackage  •  PhpgedviewPackage  •  PigeonholesPackage  •  PodcastsPackage  •  ProtectorPackage  •  QuicktagsPackage  •  QuotaPackage  •  ReBlogPackage  •  RecommendsPackage  •  RSSPackage  •  SamplePackage  •  SearchPackage  •  ShoutboxPackage  •  SitehomePackage  •  SmileysPackage  •  StarsPackage  •  StatsPackage  •  StencilsPackage  •  StickiesPackage  •  StoragePackage  •  SwitchboardPackage  •  TagsPackage  •  TemplatesPackage  •  ThemesPackage  •  TidbitsPackage  •  TinymcePackage  •  TreasuryPackage  •  Tutorial_Custom_Package  •  UsersPackage  •  WikiPackage  •  XmlrpcPackage  •  YellowpagesPackage