Difference: TinyMCEPlugin (1 vs. 11)

Revision 112022-12-02 - TWikiAdminUser

 

TinyMCEPlugin 

<--
   Contributions to this plugin are appreciated. Please update the plugin page at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin or provide feedback at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev.
   If you are a TWiki contributor please update the plugin in the SVN repository.

 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Changed:
<
<
>
>
Page contents
Added:
>
>		screenshot.png
 
Changed:
<
<
>
>
Deleted:
<
<
 Integration of the TinyMCE WYSIWYG Editor

Introduction

Changed:
<
<		This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.
>
>		This is an integration of the fast and highly functional TinyMCE WYSIWYG editor. It supports a wide range of browsers such as Firefox, IE, Safari, Opera and Google Chrome - see compatibility chart. This plugin includes TinyMCE version 3.5.8.
 
Changed:
<
<		The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.
>
>		The integration uses the WysiwygPlugin to translate text to and from a format that TinyMCE can edit.
 
Changed:
<
<		Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.
>
>		This plugin is able to swap out standard text areas and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors.
  The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

Changed:
<
<		The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.
>
>		The editor uses a translator module to convert from TWiki Markup Language (TML) to HTML and back. The translator converts special variables - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special features that are sensitive to formatting, such as Set statements, then you should format those regions using 'Protect on save' or 'Protect forever'.
 

Installation Instructions

NOTES:

Changed:
<
<
  • This plugin comes pre-installed on TWiki. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.
>
>
  • This plugin is pre-installed in TWiki. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of the WysiwygPlugin.
  • When installed, it replaces the old "textarea" editor. You may still access the plain text editor with the "Wiki Text" button provided in the toolbar, however this does not necessarily give you the original raw/wiki text version of the topic content. To bypass the TML to HTML conversion process entirely, use the Raw Edit link provided by the default TWiki skin at the bottom of the page.
  First follow the installation instructions to install the Plugin:
Changed:
<
<		You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.
>
>
  • For an automated installation, run the configure script and follow "Find More Extensions" in the in the Extensions section.
Deleted:
<
<		 Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.
  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
 
Deleted:
<
<
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.
 
Changed:
<
<
>
>
  • Or, follow these manual installation steps:
Added:
>
>
    • Download the ZIP file from the extension home on twiki.org (see below).
    • Unzip TinyMCEPlugin.zip in your twiki installation directory.
    • Set the ownership of the extracted directories and files to the webserver user.
    • Install the dependencies (if any).
 
Added:
>
>
  • Plugin configuration and testing:
    • Run the configure script and enable the plugin in the Plugins section.
    • Configure additional plugin settings in the Extensions section if needed.
    • Test if the installation was successful using the examples provided.
 
Added:
>
>
 
Changed:
<
<
>
>
  • Enable the TinyMCEPlugin in configure.
 
  • Click on edit of any topic.
Changed:
<
<

Settings

>
>

Preferences

 
Changed:
<
<		You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
>
>		The default configuration of TinyMCEPlugin should prove sufficient for most users. The TinyMCE editor itself is customized through a Javascript object holding a substantial number of initialization parameters. Up to TinyMCEPlugin version 2011-07-10, a text string making up the Javascript object was held in an ordinary TINYMCEPLUGIN_INIT preferences setting. This setting should be removed and replaced with TINYMCEPLUGIN_INIT_TOPIC (described below).
Deleted:
<
<
  • Set DEBUG = 0
 
Changed:
<
<		This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting.
>
>

TINYMCEPLUGIN_INIT_TOPIC

 
Changed:
<
<
   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%SYSTEMWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
>
>		To make configuration easier and less error-prone, configuration is held in a topic section. The name of the topic is set in the TINYMCEPLUGIN_INIT_TOPIC preferences setting, from which the section named TINYMCEPLUGIN_INIT is used. TINYMCEPLUGIN_INIT_TOPIC setting is currently set to %TINYMCEPLUGIN_INIT_TOPIC%.

For a full explanation and guidance on configuration of available TinyMCE options, see the Moxicode TinyMCE Wiki.

Below is the default configuration. If it is to be modified, it should be copied (including %START/ENDSECTION{}% macros) to a different topic to avoid customizations being overwritten when TinyMCEPlugin is upgraded.

TINYMCEPLUGIN_INIT

Show default parameters toggleopen.gif Hide default parameters toggleclose.gif 
<--/twistyPlugin twikiMakeVisibleInline-->
%STARTSECTION{"TINYMCEPLUGIN_INIT"}%
"mode" : "textareas",
"editor_selector" : "twikiTextarea",
"save_on_tinymce_forms" : true,
"table_default_cellpadding" : 0,
"table_default_cellspacing" : 1,
"table_default_border" : 1,
"theme" : "advanced",
"convert_urls" : true,
"relative_urls" : false,
"remove_script_host" : false,
"dialog_type" : "modal",
"extended_valid_elements" : "li[type],a[rel|rev|charset|hreflang|tabindex|accesskey|type|name|href|target|title|class|onfocus|onblur|data*]",
"setupcontent_callback" : "TWikiTiny.setUpContent",
"urlconverter_callback" : "TWikiTiny.convertLink",
"twikipuburl_callback" : "TWikiTiny.convertPubURL",
"save_callback" : "TWikiTiny.saveCallback",%IF{
    "$TINYMCEPLUGIN_DEBUG"
    then="
\"debug\" : true,"
}%
"plugins" : "%IF{
    "defined 'TINYMCEPLUGIN_MCEPLUGINS'"
    then="%TINYMCEPLUGIN_MCEPLUGINS%"
    else="%STARTSECTION{"MCEPLUGINS"}%contextmenu, table, searchreplace, autosave, paste, legacyoutput, inlinepopups, fullscreen, -twiki, -twikibuttons, -twikiimage%ENDSECTION{"MCEPLUGINS"}%"
}%%IF{
    "defined 'TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS'"
    then=", %TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS%"
}%",
"twiki_plugin_urls" : {
    "twiki" : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/plugins/twiki/editor_plugin%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.js",
    "twikibuttons" : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/plugins/twikibuttons/editor_plugin%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.js",
    "twikiimage" : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/plugins/twikiimage/editor_plugin%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.js"
 },
"twiki_secret_id" : "%WYSIWYG_SECRET_ID%",
Added:
>
>		"twiki_vars" : { "PUBURLPATH" : "/internal", "PUBURL" : "https://wiki.ivoa.net/internal", "WEB" : "TWiki", "TOPIC" : "TinyMCEPlugin", "ATTACHURL" : "https://wiki.ivoa.net/internal/TWiki/TinyMCEPlugin", "ATTACHURLPATH" : "/internal/TWiki/TinyMCEPlugin", "VIEWSCRIPTURL" : "https://wiki.ivoa.net/twiki/bin/view", "SCRIPTSUFFIX" : "", "SCRIPTURL" : "https://wiki.ivoa.net/twiki/bin", "SYSTEMWEB" : "TWiki" }, "theme_advanced_toolbar_align" : "left", "twikibuttons_formats" : { /* Use 'attributes : { class : "foo" }' instead of 'classes: "foo"' * because this is how it's done in the default advanced theme shipped * with TinyMCE which seems to be a few ms faster on cursor movement */ "Normal" : { "remove" : "all" }, "Heading 1" : { "block" : "h1", "remove" : "all" }, "Heading 2" : { "block" : "h2", "remove" : "all" }, "Heading 3" : { "block" : "h3", "remove" : "all" }, "Heading 4" : { "block" : "h4", "remove" : "all" }, "Heading 5" : { "block" : "h5", "remove" : "all" }, "Heading 6" : { "block" : "h6", "remove" : "all" }, "VERBATIM" : { "block" : "pre", "remove" : "all", "attributes" : { "class" : "TMLverbatim" } }, "LITERAL" : { "block" : "div", "remove" : "all", "attributes" : { "class" : "WYSIWYG_LITERAL" } }, "Protect on save" : { "block" : "div", "remove" : "all", "attributes" : { "class" : "WYSIWYG_PROTECTED" } }, "Protect forever" : { "block" : "div", "remove" : "all", "attributes" : { "class" : "WYSIWYG_STICKY" } } }, "twikibuttons_cursoridletime" : 250, "paste_create_paragraphs" : true, "paste_create_linebreaks" : false, "paste_convert_middot_lists" : true, "paste_convert_headers_to_strong" : false, "paste_remove_spans" : true, "paste_remove_styles" : true, "paste_strip_class_attributes" : "all", "theme_advanced_buttons1" : "twikiformat, separator, bold, italic, tt, colour, removeformat, separator, bullist, numlist, outdent, indent, blockquote, separator, link, unlink, anchor, separator, undo, redo, separator, search, replace", "theme_advanced_buttons2" : "tablecontrols, separator, attach, image, charmap, hr, separator, restoredraft, fullscreen, code, hide", "theme_advanced_buttons3" : "", "setup" : function(ed) { /* example custom button; list this named button in TINYMCEPLUGIN_ADDITIONAL_BUTTONS1 setting */ ed.addButton('helloworld', { title : 'Hello world', image : '/internal/TWiki/TWikiDocGraphics/globe.gif', onclick : function() { ed.focus(); ed.selection.setContent('Hello world!'); } }); }, "autosave_interval" : "180s", "autosave_retention" : "4320m", "entity_encoding" : "numeric", "theme_advanced_toolbar_location" : "top", "theme_advanced_resize_horizontal" : false, "theme_advanced_resizing" : true, "theme_advanced_path" : false, "theme_advanced_statusbar_location" : "bottom", "skin" : "o2k7", "skin_variant" : "silver", "keep_styles" : false, "content_css" : "/internal/TWiki/TinyMCEPlugin/wysiwyg_src.css,/internal/TWiki/TWikiTemplates/base.css,/internal/TWiki/PatternSkin/style.css,/internal/TWiki/PatternSkin/colors.css"
 
Changed:
<
<
  • Additional settings for specific browsers.
>
>		 
<--/twistyPlugin-->
Deleted:
<
<
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =
 
Changed:
<
<		You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.
>
>		How to customize these settings:
Added:
>
>
  • Create a TinyMCEPluginSettings topic in the Main web, and copying above text.
  • Update the TINYMCEPLUGIN_INIT_TOPIC variable to point to the newly created topic, e.g. in TWikiPreferences or MyWeb.WebPreferences:
       * Set TINYMCEPLUGIN_INIT_TOPIC = Main.TinyMCEPluginSettings
 
Changed:
<
<
  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE preferences setting to 1.
>
>

Settings

Deleted:
<
<
    • Alternatively (preferred), you can give the user an option to use the WYSIWYG editor or raw editor with the EDITMETHOD preferences setting set to wysiwyg (default) or raw.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).
 
Changed:
<
<		 The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:
  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

>
>
Variable Default Description
Added:
>
>
TINYMCEPLUGIN_INIT - A string holding the TinyMCE initialisation object. If set, TINYMCEPLUGIN_INIT_TOPIC is ignored
TINYMCEPLUGIN_INIT_TOPIC TWiki.TinyMCEPlugin The fully qualified Web.Topic containing a section named TINYMCEPLUGIN_INIT which holds the TinyMCE initialisation parameters
TINYMCEPLUGIN_MCEPLUGINS contextmenu, table, searchreplace, autosave, paste, legacyoutput, inlinepopups, fullscreen, -twiki, -twikibuttons, -twikiimage Comma separated list of TinyMCE plugins to initialize
TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS   Comma separated list of additional TinyMCE plugins to initialize.
TINYMCEPLUGIN_BUTTONS1 twikiformat, separator, bold, italic, tt, colour, removeformat, separator, bullist, numlist, outdent, indent, blockquote, separator, link, unlink, anchor, separator, undo, redo, separator, search, replace Comma separated list of toolbar buttons (in order) for the first, second and third rows (of buttons)
TINYMCEPLUGIN_BUTTONS2 tablecontrols, separator, attach, image, charmap, hr, separator, restoredraft, fullscreen, code, hide
TINYMCEPLUGIN_BUTTONS3  
TINYMCEPLUGIN_ADDITIONAL_BUTTONS1,
TINYMCEPLUGIN_ADDITIONAL_BUTTONS2,
TINYMCEPLUGIN_ADDITIONAL_BUTTONS3 		  Comma separated list of toolbar buttons (in order) to be appended to the end of a button row
TINYMCEPLUGIN_AUTOSAVE_RETENTION 4320m Autosave drafts stored in the web browser are expired after this length of time (minutes or seconds). See autosave plugin notes
TINYMCEPLUGIN_AUTOSAVE_INTERVAL 180s Frequency (in minutes or seconds) that the autosave plugin updates the draft stored in the web browser
TINYMCEPLUGIN_INIT_browser See Browser Specific Settings below Add extra parameters to TINYMCEPLUGIN_INIT string for a specific _browser
EDITMETHOD wysiwyg Set to wysiwyg to use the WYSIWYG editor (default), or set to raw to use the raw text area editor
TINYMCEPLUGIN_DISABLE 0 If set to 1, disables TinyMCEPlugin. Please use EDITMETHOD instead
NOWYSIWYG 0 If this global setting is set to 1, TinyMCEPlugin (and all other WYSIWYG editors) will be disabled. Please use EDITMETHOD instead
TINYMCEPLUGIN_BAD_BROWSERS (?i-xsm:Konqueror) A regular expression that matches the user-agent string of any browser for which TinyMCE should not be loaded.
TINYMCEPLUGIN_DEBUG 0 If set to 1, the uncompressed version of TinyMCE Javascript and CSS sources will be loaded by the browser. Useful for debugging.
TINYMCEPLUGIN_ENTITY_ENCODING numeric Controls how entities/characters get processed by TinyMCE. Allowed values: named, numeric, raw
TINYMCEPLUGIN_MCESKIN o2k7 The TinyMCE skin to use. Possible values: default, highcontrast, o2k7
TINYMCEPLUGIN_MCESKIN_VARIANT silver A TinyMCE skin may have variants. o2k7 skin has silver and black variants.
 
Changed:
<
<
>
>

Browser Specific Settings

Deleted:
<
<

Configuring the buttons on TWiki < 4.2.0

 
Changed:
<
<		When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.
>
>		Additional options may be set for specific browsers. You can define extra options for MSIE, OPERA, GECKO and SAFARI. For example,
Added:
>
>
   * Set TINYMCEPLUGIN_INIT_MSIE = "paste_auto_cleanup_on_paste" : false
The defaults are: 
    MSIE => '',
    OPERA => '',
    GECKO => '"gecko_spellcheck" : true',
    SAFARI => '',
    CHROME => ''
 
Changed:
<
<

Plugin Info

>
>

TinyMCE Plugins & Toolbar Buttons

 
Changed:
<
<		Many thanks to the following sponsors for supporting this work:
>
>		Documentation for standard plugins shipped with TinyMCE can be found at http://wiki.moxiecode.com/index.php/TinyMCE:Plugins.
Deleted:
<
<
 
Changed:
<
<
Plugin Author: TWiki:Main.CrawfordCurrie
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2011 TWiki:TWiki.TWikiContributor
  This package also includes the complete sources for version 3.2.4.1 of the TinyMCE editor
>
>		Documentation for standard theme_advanced toolbar buttons (Eg. superscript/subscript, strikethrough, highlight colours etc) can be found at http://wiki.moxiecode.com/index.php/TinyMCE:Control_reference.

Default Plugins

Added:
>
>		 These plugins are enabled by default in the standard distribution of TWiki.

Plugin Name Toolbar buttons Description Notes
autosave restoredraft Saves the editor content to your web browser's local storage periodically so that it may be restored later See TINYMCEPLUGIN_AUTOSAVE_INTERVAL and defaults to 180s; TINYMCEPLUGIN_AUTOSAVE_RETENTION defaults to 4320m
contextmenu   Provides context (right-click) menu capability Allows the table plugin to offer copy & paste of rows & columns  
twiki - Fixup TinyMCE bugs, TWiki integration issues init param twiki_autosave_no_fixup prevents fixup of autosave plugin if true; only works if twiki is after autosave in the plugins list
twikibuttons tt, colour, attach, hide Provides toolbar buttons, dialogues and formatting styles for TWiki List of formats populated from twikibuttons_formats init param; ms of cursor idle time required before update of toolbar buttons/format state is set from twikibuttons_cursoridletime param
twikiimage image Provides image toolbar button, dialogue for TWiki  
fullscreen fullscreen Provides fullscreen capability  
legacyoutput   Maintains compatibility for <font>, <u>, <b>, <strike> etc. tags  
paste pastetext, pasteword, selectall "Cleans" content pasted from clipboard; useful when pasting from MS Office  
searchreplace search, replace Refer to TinyMCE documentation  
table tablecontrols, others Refer to TinyMCE documentation  

Additional Plugins

To enable extra plugins, set the TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS variable in your Main.TWikiPreferences. If the plugin also offers a toolbar button, you will need to add it into the appropriate place in the TINYMCEPLUGIN_ADDITIONAL_BUTTONS* variables.

For example, to make use of the emotions and wordcount plugins add the following to Main.TWikiPreferences: 

---++ TinyMCE customizations

   * Set TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS = emotions, wordcount
   * Set TINYMCEPLUGIN_ADDITIONAL_BUTTONS2 = emotions

Some notable plugins:

Plugin Name Toolbar buttons Description Notes
autoresize - Automatically resizes the editor to the content inside it  
emotions emotions Insert smiley images into the TinyMCE editable area  
iespell iespell Provides spell check for Internet Explorers  
insertdatetime insertdate, inserttime Provides buttons to insert customized date and time strings  
media media Handles embedded media such as QuickTime, Flash, ShockWave, RealPlayer and Windows Media Player Requires customisation of edit templates
spellchecker spellchecker Adds spellchecker functionality to TinyMCE by providing a new button that performs a AJAX call to a backend PHP page that uses PSpell/ASpell or Google spellchecker  
style styleprops Adds CSS style editing support to TinyMCE, this will enable you to edit almost any CSS style property in a visual way. Generally, HTML/CSS markup in topics is not desirable
visualchars visualchars Adds the possibility to see invisible characters like &nbsp;  
wordcount - Display the number of words down in the right corner of the editor.  
xhtmlxtras cite, ins, del, abbr, acronym Adds support for some XHTML elements, including cite, ins, del, abbr, and acronym. Generally, XHTML markup in topics is not desirable. TWiki plugins exist to provide similar functions with more friendly TML markup

Frequently Asked Questions

The topic TinyMCEFrequentlyAskedQuestions contains more help with things like: "How do I configure the buttons in my skin?", "How do I disable the WYSIWYG?" etc.

WysiwygPlugin Settings

See WysiwygPluginSettings for more information

Upgrading TinyMCEPlugin older than version 2013-09-12

The TINYMCEPLUGIN_INIT string needs to be built differently, due to the API change affecting the way custom formats are applied in TinyMCE 3.3.x since 3.2.x

If a customized TINYMCEPLUGIN_INIT string is in use, it should be re-built based on the content of this documentation. The customizations should be reviewed to determine if they are still necessary.

Known Issues of TinyMCEPlugin

  • TWiki introduces errant spaces into table cells
  • X11 environments: TinyMCEPlugin editor copies current topic onto the "Primary Selection"
  • Outdenting list items in Firefox soemtimes does not work correctly
    • Description: The list symbol (number, bullet, etc) sometimes disappears from the item after being outdented. When this happens, it is also not possible to outdent the item another level.
    • Work-around: Position the cursor to the beginning of the line (where the symbol should appear) and press the enter key. The symbol should be restored and another outdent will be possible.
  • After inserting new table at top of document: unable to position cursor above
    • Work-around: Use 'Save and continue' or switch to WikiText and back to WYSIWYG again to allow WysiwygPlugin to add an empty <p/> above the table
  • International characters (example, Š) are converted to HTML entities (IE. &Scaron; or &#352;)
    • Ensure you are using the latest version of WysiwygPlugin, check TWiki:Plugins.WysiwygPlugin.
    • Work-around: Try changing the TINYMCEPLUGIN_ENTITY_ENCODING setting to raw. It's possible this may cause problems on older browsers.

Known Issues of WysiwygPlugin (partial list)

For the full list, consult WysiwygPlugin documentation

Check TWiki:Plugins.TinyMCEPlugin for updates.

Plugin Info

Author: Crawford Currie
Copyright: © 2007-2010 Crawford Currie http://c-dot.co.uk
© 2010-2012 Foswiki Contributors
© 2007-2021 Peter Thoeny and TWiki:TWiki.TWikiContributor
 
License: GPL (Gnu General Public License)
Changed:
<
<
Plugin Version: 2011-07-10 21643 (2012-01-14)
Change History: 
<-- versions below in reverse order -->
 
2011-07-10: TWikibug:Item6725: Change global package variables from "use vars" to "our"
2010-11-05 TWikibug:Item6604: Add documentation for EDITMETHOD setting
>
>
  This package also includes the complete sources for version 3.4.9 of the TinyMCE editor which is covered by its own license.
Sponsors: ILOG, Carrier Corporation, Twiki Inc, Wave Systems Corp
Plugin Version: 2021-06-09
%TWISTY{
Added:
>
>		 mode="div" showlink="Show Change History https://wiki.ivoa.net/internal/TWiki/TWikiDocGraphics/toggleopen.gif" hidelink="Hide Change History toggleclose.gif " }%
2021-06-09: TWikibug:Item7930: Fix MANIFEST issue
2021-03-21: TWikibug:Item7927: Copyright update to 2021
2018-07-10: TWikibug:Item7841: Copyright update to 2018
2016-01-13: TWikibug:Item7710: Document how to add custom toolbar button to TinyMCE editor -- TWiki:Main.PeterThoeny
2016-01-09: TWikibug:Item7708: Copyright update to 2016
2015-02-16: TWikibug:Item7604: Switch from GPL v2 to v3
2013-09-18: TWikibug:Item7339: Upgrade to TinyMCE 3.5.8 -- TWiki:Main.PeterThoeny
2013-09-13: TWikibug:Item7339: Import TinyMCE plugin fixes 2008-2013; upgrade to TinyMCE 3.4.9 -- TWiki:Main.PeterThoeny
2013-07-19: TWikibug:Item7300: Plugin to be conditionally disabled -- TWiki:Main.HideyoImazu
21 Dec 2012 (1.2.9) Changing a wikiword should not require visiting the TinyMCE link dialog. Changes TINYMCEPLUGIN_INIT settings
28 Nov 2012 (1.2.8) Add missing syntax highlighting classes, and make menus more user friendly.
Convert to perl version strings
Clean up hex markers left behind by TinyMCEPlugin Editor
22 May 2012 (1.2.7) Upgrade to TinyMCE 3.4.9
Add watermark for hidden blocks
Set initial table defaults consistent with TWiki defaults
23 Mar 2012 (1.2.6) Strike-out <del>, <s> tags are lost in WYSIWYG transition
Add Javascript callbacks to get notified after editor changes to/from Raw or WYSIWYG mode.
Allow templates to control WYSIWYG button placement.
"Please wait... retrieving page from server" looks too much like an error. Change to "Loading" JS Animation
Cannot edit on IE8.
22 Dec 2011 (1.2.5) Fix JS autosave error in IE7 when editing topics in nested webs
19 Dec 2011 (1.2.4) Added support for indented plain paragraphs. NOTE: requires an update to TINYMCEPLUGIN_INIT, if you have customized it.
22 Nov 2011 (1.2.3) Remove bogus dependency on BehaviourContrib
08 Nov 2011 (1.2.2) Update to TinyMCE 3.4.7.
24 Sep 2011 (1.2.1) Testing release of TinyMCE 3.4.6.
Fixed in TinyMCE 3.4 (copy and paste list items)
20 Aug 2011 (1.2.0) Testing release of TinyMCE 3.4.4
05 Dec 2011 (1.1.12) Prevent save if in fullscreen mode. Other minor code cleanup.
22 Nov 2011 (1.1.11) Remove bogus dependency on BehaviourContrib
10 May 2011 (1.1.10) Revert back to TinyMCE 3.3.9.3; 3.3.9.4 caused JS errors in IE8
09 May 2011 (1.1.9) Update to TinyMCE 3.3.9.4
11 Apr 2011 (1.1.8) Version released with TWiki 1.1.3. Only a minor change related to how the plugin is being upgraded
19 Jan 2011 (1.1.7) Update to TinyMCE 3.3.9.3 and switch to using x.y.z version numbering
Fix problem where topic names with international characters prevented attach dialogue working correctly
Added TINYMCEPLUGIN_ENTITY_ENCODING setting; default to numeric
JS fix for deleting encoded-TML-whitespace on Firefox
2010-11-05 TWikibug:Item6604: Add documentation for EDITMETHOD setting -- TWiki:Main.PeterThoeny
04 Nov 2010 Upgrade to TinyMCE 3.3.9.2
Fix JS error transitioning to WikiText from fullscreen
Fix bold & italics buttons not activating on already bolded/italicized text properly
Fix JS error switching tabs on the attach dialogue
25 Oct 2010 Fix JS error on Internet Explorers
28 Sep 2010 Enable contextmenu TinyMCE plugin, allows table row/column copy & paste
Fix autosave breaking on IECollections' IE6
Use non-jQuery build to avoid IE8 resizing quirks on jquery-1.3.2
Only update button state if cursor has been idle > 300ms, improves cursor movement responsiveness in >250KiB documents on IE/slow PCs
Documentation updates
Make table text larger, to be the same size as normal paragraph text
Apply background to protected and literal text (similar to verbatim), so that it is easier to see these special regions
01 Jul 2010 Fix colour formatting problem and JS error transitioning to fullscreen
Fix autosave implementation compatibility with TWiki 1.0.x JQueryPlugin
Upgrade to TinyMCE 3.3.8
28 Jun 2010 Fix applying non-heading formats in TinyMCE 3.3
Change attach dialogue button text from 'cancel' to 'close'
Improve attach dialogue usability: auto-refresh attachment list after switching from upload tab; auto-select upload tab if there are zero existing attachments
Fix dialogue window sizes are too small for link, attachments and colour dialogues
Replace TINYMCEPLUGIN_INIT in favour of TINYMCEPLUGIN_INIT_TOPIC sections
Fix misbehaving %AQUA% colour in the colours dialogue; grouped standard colours separate to extended colours
Make autosave plugin functional
Fixed in TinyMCE 3.3: (IE only) Cursor jumps to beginning of document unintendedly
Fixed in TinyMCE 3.3: TinyMCE strips out 'type' arguments when pasting TWiki variables from MS Word
 
2010-04-24 TWikibug:Item6433: Doc improvements, prepare for TWiki 5.0 release
Changed:
<
<
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main/SopanShewale
>
>
20 Mar 2010 Change TWiki integration to use more JQueryPlugin features. Fixes bug where IE6 users with latest NatSkin get: "Unable to install TinyMCE; <META..."
Added:
>
>
05 Mar 2010 Upgrade to TinyMCE 3.3, TWiki now uses jQuery version
19 Feb 2010 Fix for sites with latest JQueryPlugin where IE users get: "Unable to install TinyMCE; <META..."
24 Jan 2010 add TINYMCEPLUGIN_ADDITIONAL_MCEPLUGINS and TINYMCEPLUGIN_BUTTONS(123) to allow wiki, web and topic specific plugins to be added SD
29 Dec 2009 Fix unable to apply "Normal" format in some browsers (notes added to System topic).
Block attachments to unsaved AUTOINC topics
25 Nov 2009 Inserting images - fixed a problem where it wasn't easy (impossible unless > 1 attachments) to select the first image in the attachment list; improved layout of dialog window where preview obscures insert/cancel buttons.
09 Nov 2009 Added blockquote button and rearranged toolbars slightly; cleaned up System topic
29 Oct 2009 Updated documentation, removed redundant setting: paste_auto_cleanup_on_paste : true for MSIE browsers (TinyMCE now defaults to true for all browsers)
21 Oct 2009 TinyMCE project now supports Opera, so remove it from _BAD_BROWSERS
18 Oct 2009 Fix wordcount plugin to show correct count when user first enters edit mode
17 Oct 2009 Upgrade to TinyMCE 3.2.7
20 Sep 2009 Remove 2 MB of developer files that are not used
19 Sep 2009 Fix fullscreen-to-WikiText transition
18 Sep 2009 Fixed a problem where editor wants to put text elements into blocks causing unwanted new lines.
Fixed a problem so that editor does not convert TML lettered and roman numeral lists back to numbered lists.
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main.SopanShewale
03 Jul 2009 Check that the help elements are present before hiding or showing them, as they are not present in all skins.
06 Jun 2009 Make browser reload the javascript when this plugin is upgraded (Michael Tempest, Colas Nahaboo). Disable "Wiki text" button until editor has loaded topic text (Michael Tempest)
24 May 2009 add support for global NOWYSIWYG flag. keep TML lettered & roman numeral lists (Michael Tempest). fix typewriter text (Michael Tempest). fix data-loss warning when saving from wiki-text (Michael Tempest)
10 Apr 2009 fixed colour handling. added safari,inlinepopups,fullscreen plugins, fixed some minor bugs on IE
03 Apr 2009 Optimized the preferences. fixed the pickaxe
15 Mar 2009 Crawford Currie upgraded to Tiny MCE 3.2.2 and recoded all the standard plugins that had to be recoded
21 Jan 2009 added SYSTEMWEB to twiki_vars, simplifying the activation of the twikilink dialog of TinyMCEUsabilityUpgradePlugin - Eugen Mayer
06 Dec 2008 removed XHR headers that were banjaxing NTLM - Eugen Mayer
 
03 Aug 2008 TWiki 4.2.1 release version
Changed:
<
<
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
>
>
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognizes textareas to camp on. Use class instead of element name.
 
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
Changed:
<
<
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
>
>
07 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
06 Sep 2007 TWikibug:Item4557 added missing files to package
04 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
 
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Changed:
<
<
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
>
>		</> 
<--/twistyPlugin-->
Added:
>
>
Dependencies:
NameVersionDescription
TWiki::Plugins::WysiwygPlugin>=1Translator module
TWiki::Plugins::JQueryPlugin>=1jQuery library
 
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal
Changed:
<
<
META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"
>
>		Related Topics: TinyMCEFrequentlyAskedQuestions, TinyMCEQuickHelp, WysiwygPlugin, TWikiPreferences, TWikiPlugins
Added:
>
>
META FILEATTACHMENT attachment="screenshot.png" attr="" comment="Saved by install script" date="1623269145" name="screenshot.png" size="64732" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_hidden.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_hidden.gif" size="950" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki.js.gz" attr="" comment="Saved by install script" date="1623269145" name="twiki.js.gz" size="917" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="wysiwyg_src.css" attr="" comment="Saved by install script" date="1623269145" name="wysiwyg_src.css" size="1005" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki.js" attr="" comment="Saved by install script" date="1623269145" name="twiki.js" size="1903" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_hidden_verbatim.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_hidden_verbatim.gif" size="1654" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_verbatim.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_verbatim.gif" size="1181" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki_src.js" attr="" comment="Saved by install script" date="1623269145" name="twiki_src.js" size="4407" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_literal.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_literal.gif" size="1029" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki_tiny_src.js" attr="" comment="Saved by install script" date="1623269145" name="twiki_tiny_src.js" size="17584" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki_tiny.js" attr="" comment="Saved by install script" date="1623269145" name="twiki_tiny.js" size="8171" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_protect_on_save.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_protect_on_save.gif" size="1492" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="twiki_tiny.js.gz" attr="" comment="Saved by install script" date="1623269145" name="twiki_tiny.js.gz" size="2647" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="wysiwyg.css.gz" attr="" comment="Saved by install script" date="1623269145" name="wysiwyg.css.gz" size="419" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="watermark_protect_forever.gif" attr="" comment="Saved by install script" date="1623269145" name="watermark_protect_forever.gif" size="1494" user="BaseUserMapping_333" version="2"
META FILEATTACHMENT attachment="wysiwyg.css" attr="" comment="Saved by install script" date="1623269145" name="wysiwyg.css" size="853" user="BaseUserMapping_333" version="2"
 

Revision 102011-07-10 - TWikiContributor

 

TinyMCEPlugin 

<--
   Contributions to this plugin are appreciated. Please update the plugin page at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin or provide feedback at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev.
   If you are a TWiki contributor please update the plugin in the SVN repository.

 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

Introduction

This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.

  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%SYSTEMWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE preferences setting to 1.
    • Alternatively (preferred), you can give the user an option to use the WYSIWYG editor or raw editor with the EDITMETHOD preferences setting set to wysiwyg (default) or raw.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Many thanks to the following sponsors for supporting this work:

Plugin Author: TWiki:Main.CrawfordCurrie
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2011 TWiki:TWiki.TWikiContributor
  This package also includes the complete sources for version 3.2.4.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Changed:
<
<
Plugin Version: 2011-07-10 21643 (2011-08-20)
>
>
Plugin Version: 2011-07-10 21643 (2012-01-14)
 
Change History: 
<-- versions below in reverse order -->
 
2011-07-10: TWikibug:Item6725: Change global package variables from "use vars" to "our"
2010-11-05 TWikibug:Item6604: Add documentation for EDITMETHOD setting
2010-04-24 TWikibug:Item6433: Doc improvements, prepare for TWiki 5.0 release
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main/SopanShewale
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 92011-07-10 - TWikiContributor

 

TinyMCEPlugin 

<--
   Contributions to this plugin are appreciated. Please update the plugin page at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin or provide feedback at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev.
   If you are a TWiki contributor please update the plugin in the SVN repository.

 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

Introduction

This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.

  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%SYSTEMWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE preferences setting to 1.
    • Alternatively (preferred), you can give the user an option to use the WYSIWYG editor or raw editor with the EDITMETHOD preferences setting set to wysiwyg (default) or raw.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Many thanks to the following sponsors for supporting this work:

Plugin Author: TWiki:Main.CrawfordCurrie
Changed:
<
<
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2010 TWiki:TWiki/TWikiContributor
>
>
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2011 TWiki:TWiki.TWikiContributor
 
  This package also includes the complete sources for version 3.2.4.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Changed:
<
<
Plugin Version: 2010-11-05 20914 (2011-05-03)
>
>
Plugin Version: 2011-07-10 21643 (2011-08-20)
 
Change History: 
<-- versions below in reverse order -->
 
Added:
>
>
2011-07-10: TWikibug:Item6725: Change global package variables from "use vars" to "our"
 
2010-11-05 TWikibug:Item6604: Add documentation for EDITMETHOD setting
2010-04-24 TWikibug:Item6433: Doc improvements, prepare for TWiki 5.0 release
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main/SopanShewale
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 82010-11-06 - TWikiContributor

 

TinyMCEPlugin 

<--
   Contributions to this plugin are appreciated. Please update the plugin page at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin or provide feedback at
   http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev.
   If you are a TWiki contributor please update the plugin in the SVN repository.

 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Changed:
<
<
>
>
Added:
>
>
 Integration of the TinyMCE WYSIWYG Editor
Changed:
<
<
On this page:
>
>

Introduction

  This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.

  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%SYSTEMWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%SYSTEMWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

Changed:
<
<
  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
>
>
  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE preferences setting to 1.
Added:
>
>
    • Alternatively (preferred), you can give the user an option to use the WYSIWYG editor or raw editor with the EDITMETHOD preferences setting set to wysiwyg (default) or raw.
 
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Many thanks to the following sponsors for supporting this work:

Plugin Author: TWiki:Main.CrawfordCurrie
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2010 TWiki:TWiki/TWikiContributor
  This package also includes the complete sources for version 3.2.4.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Changed:
<
<
Plugin Version: 2010-04-24 18853 (2010-05-29)
>
>
Plugin Version: 2010-11-05 20914 (2011-05-03)
 
Change History: 
<-- versions below in reverse order -->
 
Added:
>
>
2010-11-05 TWikibug:Item6604: Add documentation for EDITMETHOD setting
 
2010-04-24 TWikibug:Item6433: Doc improvements, prepare for TWiki 5.0 release
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main/SopanShewale
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 72010-05-29 - TWikiContributor

 

TinyMCEPlugin

Added:
>
>
 Integration of the TinyMCE WYSIWYG Editor
Deleted:
<
<
 
On this page:
Added:
>
>
 This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

Added:
>
>
 The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

Changed:
<
<
  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
>
>
Added:
>
>
  • This plugin comes pre-installed on TWiki. You should only need to re-install if there is an upgrade to the plugin.
 
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

Added:
>
>
 You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0
Changed:
<
<		This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting.
>
>		This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting.
 
   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
Changed:
<
<		 content_css : "/internal/TWiki/TinyMCEPlugin/wysiwyg_src.css,/internal/TWiki/TWikiTemplates/base.css,/internal/TWiki/PatternSkin/style.css,/internal/TWiki/PatternSkin/colors.css"
>
>		 content_css : "/internal/TWiki/TinyMCEPlugin/wysiwyg_src.css,/internal/TWiki/TWikiTemplates/base.css,/internal/TWiki/PatternSkin/style.css,/internal/TWiki/PatternSkin/colors.css"
 
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).
Changed:
<
<		 The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:
  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

>
>		 The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:
  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

 

Configuring the buttons on TWiki < 4.2.0

Added:
>
>
 When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Added:
>
>		Many thanks to the following sponsors for supporting this work:
 
Changed:
<
<
Plugin Author(s): TWiki:Main.CrawfordCurrie, TWiki:Main.SopanShewale (sponsored by Twiki Inc)
Plugin Version: 02 Sept 2009 18146 (02 Sep 2009)
>
>
Plugin Author: TWiki:Main.CrawfordCurrie
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk,
© 2007-2010 TWiki:TWiki/TWikiContributor
  This package also includes the complete sources for version 3.2.4.1 of the TinyMCE editor
Deleted:
<
<
Copyright: © 2009-2010 Twiki Inc http://www.twiki.net
Copyright: © 2007-2009 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for Version 3.2.4.1 (2009-05-25) of the TinyMCE editor
 
License: GPL (Gnu General Public License)
Added:
>
>
Plugin Version: 2010-04-24 18853 (2010-05-29)
 
Change History: 
<-- versions below in reverse order -->
 
Changed:
<
<
02 Sept 2009 TWiki 4.3.2 release version, Upgraded Javascript Library tinyMCE to Version 3.2.4.1 (2009-05-25)
>
>
2010-04-24 TWikibug:Item6433: Doc improvements, prepare for TWiki 5.0 release
Added:
>
>
2009-09-08 TWikibug:Item6334: Upgrade plugin to latest TinyMCE version 3.2.4.1 from 2.1.1.1 -- TWiki:Main/SopanShewale
 
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
Changed:
<
<
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
>
>
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
 
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal
Changed:
<
<		Many thanks to the following sponsors for supporting this work:
>
>
META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif" version="1"
Deleted:
<
<		 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
 
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 62009-09-02 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%TWIKIWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%TWIKIWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Deleted:
<
<		Another great TWiki extension from the WikiRing - working together to improve your wiki experience!
 
Changed:
<
<
Plugin Author(s): TWiki:Main.CrawfordCurrie
Plugin Version: 03 Aug 2008 17302 (29 Apr 2009)
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
>
>
Plugin Author(s): TWiki:Main.CrawfordCurrie, TWiki:Main.SopanShewale (sponsored by Twiki Inc)
Plugin Version: 02 Sept 2009 18146 (02 Sep 2009)
Copyright: © 2009-2010 Twiki Inc http://www.twiki.net
Added:
>
>
Copyright: © 2007-2009 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for Version 3.2.4.1 (2009-05-25) of the TinyMCE editor
 
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
Added:
>
>
02 Sept 2009 TWiki 4.3.2 release version, Upgraded Javascript Library tinyMCE to Version 3.2.4.1 (2009-05-25)
 
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 52009-04-29 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%TWIKIWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%TWIKIWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Another great TWiki extension from the WikiRing - working together to improve your wiki experience!

Plugin Author(s): TWiki:Main.CrawfordCurrie
Changed:
<
<
Plugin Version: 03 Aug 2008 17302 (30 Mar 2009)
>
>
Plugin Version: 03 Aug 2008 17302 (29 Apr 2009)
 
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 42009-03-30 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%TWIKIWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%TWIKIWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Another great TWiki extension from the WikiRing - working together to improve your wiki experience!

Plugin Author(s): TWiki:Main.CrawfordCurrie
Changed:
<
<
Plugin Version: 03 Aug 2008 17302 (06 Dec 2008)
>
>
Plugin Version: 03 Aug 2008 17302 (30 Mar 2009)
 
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 32008-12-06 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode:"textareas",
   editor_selector : "twikiTextarea",
   save_on_tinymce_forms: true,
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%TWIKIWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%TWIKIWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Another great TWiki extension from the WikiRing - working together to improve your wiki experience!

Plugin Author(s): TWiki:Main.CrawfordCurrie
Changed:
<
<
Plugin Version: 03 Aug 2008 17302 (04 Aug 2008)
>
>
Plugin Version: 03 Aug 2008 17302 (06 Dec 2008)
 
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
03 Aug 2008 TWiki 4.2.1 release version
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 22008-08-03 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

Changed:
<
<
  • This plugin comes pre-installed on TWiki 4.2.0. You should only need to re-install if there is an upgrade to the plugin.
>
>
  • This plugin comes pre-installed on TWiki 4.2.X. You should only need to re-install if there is an upgrade to the plugin.
 
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting.

Changed:
<
<
  • Set INIT = mode : "exact",
>
>
  • Set INIT = mode:"textareas",
Added:
>
>		 editor_selector : "twikiTextarea",
 
save_on_tinymce_forms
true,
Deleted:
<
<		 elements : "text",
  cleanup : true, theme : "advanced", convert_urls : true, relative_urls : false, remove_script_host : false, setupcontent_callback : TWikiTiny.setUpContent, urlconverter_callback : "TWikiTiny.convertLink", hide_instance_callback : TWikiTiny.switchToRaw, show_instance_callback : TWikiTiny.switchToWYSIWYG, twikipuburl_callback : "TWikiTiny.convertPubURL", save_callback : "TWikiTiny.saveCallback", debug:true, plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage,devkit", twiki_secret_id : "WYSIWYG content - do not remove this comment, and never use this identical text in your topics", twiki_vars : { PUBURLPATH : "/internal", PUBURL : "https://wiki.ivoa.net/internal", WEB : "TWiki", TOPIC : "TinyMCEPlugin", ATTACHURL : "https://wiki.ivoa.net/internal/TWiki/TinyMCEPlugin", ATTACHURLPATH : "/internal/TWiki/TinyMCEPlugin", VIEWSCRIPTURL : "https://wiki.ivoa.net/twiki/bin/view", SCRIPTSUFFIX: "", SCRIPTURL : "https://wiki.ivoa.net/twiki/bin" }, theme_advanced_toolbar_align : "left", twikibuttons_formats : [ { name: "Normal", el: "", style: null }, { name: "Heading 1", el: "h1", style: false }, { name: "Heading 2", el: "h2", style: false }, { name: "Heading 3", el: "h3", style: false }, { name: "Heading 4", el: "h4", style: false }, { name: "Heading 5", el: "h5", style: false }, { name: "Heading 6", el: "h6", style: false }, { name: "VERBATIM", el: "pre", style: "TMLverbatim" }, { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" }, { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" }, { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" } ], paste_create_paragraphs : true, paste_create_linebreaks : false, paste_convert_middot_lists : true, paste_convert_headers_to_strong : false,
paste_remove_spans
true,
paste_remove_styles
true,
paste_strip_class_attributes
"all", theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
theme_advanced_buttons2
"tablecontrols,separator,code,hide",
theme_advanced_buttons3
"",
theme_advanced_toolbar_location
"top", theme_advanced_resize_horizontal : false, theme_advanced_resizing : true,
theme_advanced_path
false, theme_advanced_statusbar_location : "bottom", content_css : "/internal/TWiki/TinyMCEPlugin/wysiwyg_src.css,/internal/TWiki/TWikiTemplates/base.css,/internal/TWiki/PatternSkin/style.css,/internal/TWiki/PatternSkin/colors.css"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Another great TWiki extension from the WikiRing - working together to improve your wiki experience!

Plugin Author(s): TWiki:Main.CrawfordCurrie
Changed:
<
<
Plugin Version: 16268 (22 Jan 2008)
Copyright: © 2007 Crawford Currie http://c-dot.co.uk
>
>
Plugin Version: 03 Aug 2008 17302 (04 Aug 2008)
Copyright: © 2007-2008 Crawford Currie http://c-dot.co.uk
 
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
Changed:
<
<
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
>
>
03 Aug 2008 TWiki 4.2.1 release version
Added:
>
>
04 May 2008 TWikibug:Item5547: Change mechanism by which TMCE recognises textareas to camp on. Use class instead of element name.
12 Apr 2008 TWikibug:Item4946: I think I have finally fixed non-iso-8859-1 character sets. Painful.
31 Mar 2008 TWikibug:Item5314: TWikibug:Item5457: Fixed pickaxe mode for editing UTF-8. Characters above 255 are converted to entitites, which is a bit of a PITA, but at least it no longer corrupts topics. NOTE: YOU MUST UPGRADE WysiwygPlugin TO 16600 OR LATER
28 Mar 2008 TWikibug:Item5432: added upper case file extensions for images TWikibug:Item5206: fixed expansion of simple filenames entered in image popup TWikibug:Item5462: fixed hide attachment switch
25 Jan 2008 TWikibug:Item5287: links entered through dialog weren't working
24 Jan 2008 TWikibug:Item4840: TWikibug:Item5138: UTF8 fixes, TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags. TWikibug:Item5138: post-conversion of 8-bit entities to characters to aid searching, TWikibug:Item5254: non-fatal JS error fixed, TWikibug:Item5263: remove preview on WYSIWYG edit, TWikibug:Item5116: added Opera to bad browsers filter
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
 
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Changed:
<
<
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=14523Translator module
>
>
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=16650Translator module
 
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"

Revision 12008-01-22 - TWikiContributor

 

TinyMCEPlugin 

<--
One line description, required for extensions repository catalog. 
    

  •  Set SHORTDESCRIPTION = Integration of the TinyMCE WYSIWYG Editor

 
-->
Integration of the TinyMCE WYSIWYG Editor

On this page:
This is an integration of the TinyMCE WYSIWYG editor. This is great little editor, fast and highly functional, and supporting a wide range of browsers, including Firefox, IE and Safari. At the time of writing it doesn't work with Opera or Konqueror.

The integration uses the TWiki:Plugins.WysiwygPlugin to translate text to and from a format that TinyMCE can edit.

Unlike the other editor integrations in TWiki, which install "Word in a Browser" style editors, this plugin is able to swap out the standard text areas in an edit and replace them with WYSIWYG editors. This means you get WYSIWYG editors for textareas in forms, as well as for the main text of the topic. It can also co-exist alongside other WYSIWYG editors, such as Kupu.

The editor automatically "switches itself off" (i.e. reverts to the old text-only window) when editing topics that contain TWiki content it can't handle, such as complex TWiki variables.

Editor Notes

The editor uses a translator module to convert from TWiki markup language (TML) to HTML and back. The translator converts special TWiki tags - such as %VARIABLES% - to plain text, and encloses them within HTML spans using a special style called WYSIWYG_PROTECTED. In this way the editor can detect text that is not meant to be HTML formatted. This style is also used to protect special text you enter into the editor from being interpreted when the topic is translated back into TML. If you want to add any special TWiki features that are sensitive to formatting, such as Set statements, then you have to format those regions using 'Protect on save' or 'Protect forever'.

Installation Instructions

NOTES:

  • This plugin comes pre-installed on TWiki 4.2.0. You should only need to re-install if there is an upgrade to the plugin.
  • It requires the very latest revision of WysiwygPlugin. It will not work with the version shipped with TWiki 4.1.2.
  • When installed, it replaces the old "textarea" editor. If you want to maintain access to the old editor from the standard screens, follow the instructions under Configuring the buttons on TWiki < 4.2.0.

First follow the installation instructions to install the Plugin:

You do not need to install anything in the browser to use this extension. The following instructions are for the administrator who installs the extension on the server where TWiki is running.

Like many other TWiki extensions, this module is shipped with a fully automatic installer script written using the BuildContrib.

  • If you have TWiki 4.2 or later, you can install from the configure interface (Go to Plugins->Find More Extensions)
  • If you have any problems, then you can still install manually from the command-line:
    1. Download one of the .zip or .tgz archives
    2. Unpack the archive in the root directory of your TWiki installation.
    3. Run the installer script ( perl <module>_installer )
    4. Run configure and enable the module, if it is a plugin.
    5. Repeat for any missing dependencies.
  • If you are still having problems, then instead of running the installer script:
    1. Make sure that the file permissions allow the webserver user to access all files.
    2. Check in any installed files that have existing ,v files in your existing install (take care not to lock the files when you check in)
    3. Manually edit LocalSite.cfg to set any configuration variables.

Settings

You can override this setting by defining TINYMCEPLUGIN_DEBUG to enable some simple debug features.
  • Set DEBUG = 0

This setting contains all the options passed to the TinyMCE editor on startup. For a full explanation of the available options, and guidance on reconfiguring TinyMCE, see the Moxicode TinyMCE Wiki. Note the inclusion of the Pattern Skin standard CSS files in the content_css setting. 

   * Set INIT = mode : "exact",
   save_on_tinymce_forms: true,
   elements : "text",
   cleanup : true,
   theme : "advanced",
   convert_urls : true,
   relative_urls : false,
   remove_script_host : false,
   setupcontent_callback : TWikiTiny.setUpContent,
   urlconverter_callback : "TWikiTiny.convertLink",
   hide_instance_callback : TWikiTiny.switchToRaw,
   show_instance_callback : TWikiTiny.switchToWYSIWYG,
   twikipuburl_callback : "TWikiTiny.convertPubURL",
   save_callback : "TWikiTiny.saveCallback",
   %IF{"$TINYMCEPLUGIN_DEBUG" then="debug:true,"}%
   plugins : "table,searchreplace,autosave,paste,twikibuttons,twikiimage%IF{"$TINYMCEPLUGIN_DEBUG" then=",devkit"}%",
   twiki_secret_id : "%WYSIWYG_SECRET_ID%",
   twiki_vars : { PUBURLPATH : "%PUBURLPATH%", PUBURL : "%PUBURL%", WEB : "%WEB%", TOPIC : "%TOPIC%", ATTACHURL : "%ATTACHURL%", ATTACHURLPATH : "%ATTACHURLPATH%", VIEWSCRIPTURL : "%SCRIPTURL{view}%", SCRIPTSUFFIX: "%SCRIPTSUFFIX%", SCRIPTURL : "%SCRIPTURL%" },
   theme_advanced_toolbar_align : "left",
   twikibuttons_formats : [
   { name: "Normal", el: "", style: null },
   { name: "Heading 1", el: "h1", style: false },
   { name: "Heading 2", el: "h2", style: false },
   { name: "Heading 3", el: "h3", style: false },
   { name: "Heading 4", el: "h4", style: false },
   { name: "Heading 5", el: "h5", style: false },
   { name: "Heading 6", el: "h6", style: false },
   { name: "VERBATIM", el: "pre", style: "TMLverbatim" },
   { name: "LITERAL", el: "span", style: "WYSIWYG_LITERAL" },
   { name: "Protect on save", el: null, style: "WYSIWYG_PROTECTED" },
   { name: "Protect forever", el: null, style: "WYSIWYG_STICKY" }
   ],
   paste_create_paragraphs : true,
   paste_create_linebreaks : false,
   paste_convert_middot_lists : true,
   paste_convert_headers_to_strong : false,
   paste_remove_spans: true,
   paste_remove_styles: true,
   paste_strip_class_attributes: "all",
   theme_advanced_buttons1 : "twikiformat,separator,bold,italic,tt,colour,removeformat,separator,bullist,numlist,outdent,indent,separator,link,unlink,anchor,separator,attach,image,charmap,hr,separator,undo,redo,separator,search,replace",
   theme_advanced_buttons2: "tablecontrols,separator,code,hide",
   theme_advanced_buttons3: "",
   theme_advanced_toolbar_location: "top",
   theme_advanced_resize_horizontal : false,
   theme_advanced_resizing : true,
   theme_advanced_path: false,
   theme_advanced_statusbar_location : "bottom",
   content_css : "%PUBURLPATH%/%TWIKIWEB%/TinyMCEPlugin/wysiwyg%IF{"$TINYMCEPLUGIN_DEBUG" then="_src"}%.css,%PUBURLPATH%/%TWIKIWEB%/TWikiTemplates/base.css,%TWIKISTYLEURL%,%TWIKICOLORSURL%"
  • Additional settings for specific browsers.
    • Warning: if you enable paste_auto_cleanup_on_paste then it automatically implies =past_use_dialog on all non-MSIE browsers.
    • Set INIT_MSIE = paste_auto_cleanup_on_paste : true
    • Set INIT_OPERA =
    • Set INIT_GECKO =
    • Set INIT_SAFARI =

You can override these settings in the same way as any other TWiki variable, by setting e.g. TINYMCEPLUGIN_INIT in the site, web or topic preferences. You are not recommended to edit the setting here.

  • You can disable the plugin in any web or topic, or for any specific user, by setting the TINYMCEPLUGIN_DISABLE variable to 1.
  • Some browsers don't support TinyMCE. You can prevent the editor from being invoked on these browsers by setting TINYMCEPLUGIN_BAD_BROWSERS to a regular expression that matches the user-agent string for any broken browsers. The default is (?i-xsm:Konqueror|Opera).

The global TWiki Variable WYSIWYG_EXCLUDE can be set to make the plugin sensitive to what is in a topic, before allowing it to be edited. You can set it up to veto an edit if the topic contains:

  • html - HTML tags (e.g. <div>, not including <br>), or
  • variables - simple variables (e.g. %VAR%) or
  • calls - TWiki variables with parameters e.g. %VARIABLE{...}%
  • pre blocks (<pre>)
  • HTML comments (<!-- ... -->)
If the plugin detects an excluded construct in the topic, it will refuse to allow the edit and will redirect to the default editor.

If you excluded calls in WYSIWYG_EXCLUDE, you can still define a subset of TWiki variables that do not block edits. this is done in the global TWiki variable WYSIWYG_EDITABLE_CALLS, which should be a list of TWiki variable names separated by vertical bars, with no spaces, e.g: * Set WYSIWYG_EDITABLE_CALLS = COMMENT|CALENDAR|INCLUDE

You should set WYSIWYG_EXCLUDE and WYSIWYG_EDITABLE_CALLS in TWikiPreferences, or in WebPreferences for each web.

You can define the global variable WYSIWYGPLUGIN_STICKYBITS to stop the plugin from ever trying to convert specific HTML tags into HTML when certain specific attributes are present on the tag. This is most useful when you have styling or alignment information in tags that must be preserved.

This variable is used to tell the translator which attributes, when present on a tag, make it "stick" i.e. block conversion. For example, setting it to table=background,lang;tr=valign will stop the translator from trying to handle any table tag that has background or lang attributes, and any tr tag that has a valign attribute.

You can use perl regular expressions to match tag and attribute names, so .*=id,on.* will ensure that any tag with an on* event handler is kept as HTML.

The default setting for this variable is: 

    .*=id,lang,title,dir,on.*;
    A=accesskey,coords,shape,target;
    BDO=dir;
    BR=clear;
    COL=char,charoff,span,valign,width;
    COLGROUP=align,char,charoff,span,valign,width;
    DIR=compact;
    DIV=align;
    DL=compact;
    FONT=size,face;
    H\d=align;
    HR=align,noshade,size,width;
    LEGEND=accesskey,align;
    LI=type,value;
    OL=compact,start,type;
    P=align;
    PARAM=name,type,value,valuetype;
    PRE=width;
    Q=cite;
    TABLE=align,bgcolor,border,cellpadding,cellspacing,frame,rules,summary,width;
    TBODY=align,char,charoff,valign;
    TD=abbr,align,axis,bgcolor,char,charoff,colspan,headers,height,nowrap,rowspan,scope,valign,width;
    TFOOT=align,char,charoff,valign;
    TH=abbr,align,axis,bgcolor,char,charoff,colspan,height,nowrap,rowspan,scope,valign,width,headers;
    THEAD=align,char,charoff,valign;
    TR=bgcolor,char,charoff,valign;
    UL=compact,type

If you edit using the plain-text editor, you can use the <sticky>..</sticky> tags to delimit HTML (or TML) that you do not want to be WYSIWYG edited.

Configuring the buttons on TWiki < 4.2.0

When installed on TWiki versions before 4.2.0, this plugin replaces the old textarea editor with the TinyMCE editor. The shock of this change can be too much for some older contributors, so we have written instructions for reconfiguring your templates in TWiki:Plugins.TinyMCEFrequentlyAskedQuestions.

Plugin Info

Another great TWiki extension from the WikiRing - working together to improve your wiki experience!

Plugin Author(s): TWiki:Main.CrawfordCurrie
Plugin Version: 16268 (22 Jan 2008)
Copyright: © 2007 Crawford Currie http://c-dot.co.uk
  This package also includes the complete sources for version 2.1.1.1 of the TinyMCE editor
License: GPL (Gnu General Public License)
Change History: 
<-- versions below in reverse order -->
 
20 Dec 2007 TWikibug:Item5047: disable save and preview during page load TWikibug:Item5111: make the entry in the format menu sensitive to where the cursor is TWikibug:Item5022: made TT font size same as verbatim. Had to add a new style to do it, as TMCE didn't want to play with TT or CODE tags.
19 Nov 2007 TWikibug:Item4742: auto-disable if Wysiwyg is not enabled TWikibug:Item4820: validate mandatory fields on save TWikibug:Item4747: add <sticky> TWikibug:Item4811: noautolink looks like an HTML construct but in fact is not; the tag is infact an "on-off" switch and does not imply any HTML structure, so cannot be converted to a DIV or a span, so has to be removed. TWikibug:Item4817: added typewriter text button TWikibug:Item4850: added font colour controls TWikibug:Item4645: added attachment management features TWikibug:Item4945: added switch to raw and back
16 Sep 2007 TWikibug:Item4630: polished up the way the secret string is done, to ensure synch between perl and JS. TWikibug:Item4622: added UTF-8 handling steps that fixup malformed UTF8 strings before presenting them to the editor (saves Moz) and stops the editor passing them back to TWiki (saves IE). TWikibug:Item4603: added the draft help, so we can at least build the beta without the nasty warning
13 Sep 2007 TWikibug:Item4613 fixed navigate-away prompt when unchanged TWikibug:Item4583 TWikibug:Item4604 TWikibug:Item4614 TWikibug:Item4616 A clutch of issues caused by use of the wrong encoding function when passing UTF8 parameters to REST using XMLHttpRequest.
12 Sep 2007 TWikibug:Item4604 Converted to REST call for content conversion, to provide safe callback if JS is disabled in the browser TWikibug:Item4583 relaxed regex to try and make it work for UTF-8 topic names
11 Sep 2007 TWikibug:Item4535 refinements to link handling to improve topic name recognition
7 Sep 2007 TWikibug:Item4503 excess empty lines TWikibug:Item4486 no toc headers with unofficial syntax TWikibug:Item4560: empty lines lost TWikibug:Item4566: corrupted table on save
6 Sep 2007 TWikibug:Item4557 added missing files to package
4 Sep 2007 TWikibug:Item4534 TWikibug:Item4535 fixed
14679 TWikibug:Item4481 TWikibug:Item4524 fixed
14668 Bugfixes and refinements done as part of 4.2 release
14543 Added PROTECTED style, to allow protection of special text. Disable on unsupported browsers (untested)
14538 First release
Dependencies:
NameVersionDescription
TWiki::Plugins::BehaviourContrib>=15357Javascript module
TWiki::Plugins::WysiwygPlugin>=14523Translator module
Plugin Home: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPlugin
Feedback: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/TinyMCEPluginAppraisal

Many thanks to the following sponsors for supporting this work: 

<-- Do not attempt to edit this topic; it is auto-generated. Please add comments/questions/remarks to the Dev topic instead. -->

META FILEATTACHMENT attr="h" comment="screenshot" name="tinymce.gif"
META FILEATTACHMENT attr="h" comment="" name="wikiringlogo20x20.png" version="1"
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"
View topic | History: r11 < r10 < r9 < r8 | More topic actions...
 
This site is powered by the TWiki collaboration platform Powered by Perl This site is powered by the TWiki collaboration platformCopyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.TinyMCEPlugin.