Difference: TinyMCEPlugin (6 vs. 7)

Revision 72010-05-29 - TWikiContributor

Line: 1 to 1
 

TinyMCEPlugin

Added:
>
>
 Integration of the TinyMCE WYSIWYG Editor
Deleted:
<
<
 
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.

Line: 23 to 28
 

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.
>
>
  • 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.
Line: 57 to 64
 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",
Line: 107 to 114
  theme_advanced_resizing : true,
theme_advanced_path
false, theme_advanced_statusbar_location : "bottom",
Changed:
<
<
content_css : "/twiki/pub/TWiki/TinyMCEPlugin/wysiwyg.css,/twiki/pub/TWiki/TWikiTemplates/base.css,/twiki/pub/TWiki/PatternSkin/style.css,/twiki/pub/TWiki/PatternSkin/colors.css"
>
>
content_css : "/twiki/pub/TWiki/TinyMCEPlugin/wysiwyg.css,/twiki/pub/TWiki/TWikiTemplates/base.css,/twiki/pub/TWiki/PatternSkin/style.css,/twiki/pub/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.
Line: 122 to 129
 
  • 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

Line: 130 to 138
 

Plugin Info

Changed:
<
<

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
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
>
>
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)
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
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.
Line: 150 to 161
 
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
Line: 165 to 176
 
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:

<-- 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="screenshot" name="tinymce.gif" version="1"
 
META FILEATTACHMENT attr="h" comment="" name="screenshot.gif" version="1"
 
This site is powered by the TWiki collaboration platformCopyright © 1999-2019 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.