upgrade to TinyMCE 3

[Stasys]

Are there any plans to upgrade TinyMCE, cause now we all use old 2.1.2 instead of TinyMCE 3.0.4

It implies a fix of tinymce.php if we want to use TinyMCE 3

[ChaosKnign]

Hi everyone,

I second this question. I've been looking into this but I feel this is above me.

Cheers!

K-9

[scrotty]

Thirded.

[Tonie]

Not a white paper as was asked for here: http://forum.joomla.org/viewtopic.php?f ... 4#p1204116. Also has been mentioned before in this forum.

Moving to denied.

[Stasys]

Tonie, I know, this is not exactly the form of a whitepaper, but I wanted to propose it this way, since it is no big issue and change, but very great improvement. Could you be so kind and give me the link where it have been mentioned that upgrade from outdated TinyMCE 2.1.2 to new TinyMCE 3.0.4.1 is mission critical?

Implications
This is 100% backwards compatible and does not create any performance or user issues.

It implies only a fix of tinymce.php if we want to use TinyMCE 3

Now we have couple years old Joomla 1.5 core content editor, it makes Joomla look like abandoned project from PR aspect, and from technological point of view it outputs very unvalid, messy code

Here I post part (the completed changelog is far bigger) of the list of what was fixed and improved in TinyMCE 3:

Version 3.0.5 (2008-03-xx)
2 Fixed bug where the menu for the ColorSplitButton wasn't removed when the editor was removed.
3 Fixed bug where font colors couldn't be edited correctly since the style of the element didn't get updated correctly.
4 Version 3.0.4.1 (2008-03-08)
5 Fixed critical bug where it was impossible to edit images when inlinepopups where used due to lost selection in IE.
6 Version 3.0.4 (2008-03-07)
7 Added new option constrain_menus, this enables you to force view port constraints on all menus. Contributed by Shane Tomlinson.
8 Fixed bug where table background wasn't visible inside the editor due to a default CSS rule overriding the style attribute.
9 Fixed bug where links would get a null class added if no styles was used in IE.
10 Fixed bug where spellchecker was auto focusing the editor in IE.
11 Fixed bug where document.domain would produce invalid argument if the editor was loaded in IE6 over a network UNC path.
12 Fixed bug where table height attribute was used, this is deprecated in XHTML so it now adds it as an style.
13 Fixed bug where textareas with style values would produce error in IE.
14 Fixed so the first element in each dialog is focused by default to enhance keyboard usage.
15 Fixed so you can add a mceFocus class to elements to make it auto focused.
16 Fixed so you can close dialogs using the esc key.
17 Fixed so you can press return/enter to submit the action of each dialog.
18 Fixed so tabbing inside an inline popups wont focus the resize anchor elements.
19 Fixed so you can press ok in inline alert messages using the return/enter key.
20 Fixed so textareas can be set to non px or % sizes for example em, cm, pt etc.
21 Fixed so non pixel values can be used in width/height properties for tables.
22 Fixed so the custom context menu can be disabled by holding down ctrl key while clicking.
23 Fixed so the layout for the o2k7 skin looks better if you don't have separators before and after list boxes.
24 Fixed so the sub classes get a copy of the super class constructor function to ease up type checking.
25 Fixed so font sizes for the format block previews are normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden).
26 Fixed so font sizes for h1-h6 in the default content.css is normalized according to http://www.w3.org/TR/CSS21/sample.html (it can be overridden).
27 Version 3.0.3 (2008-03-03)
28 Fixed bug where an error about document.domain would be thrown if TinyMCE was loaded using a different port.
29 Fixed bug where mode exact would convert textareas without id or name if the elements option was omitted.
30 Fixed bug where the caret could be placed at an incorrect location when backspace was used in Gecko.
31 Fixed bug where local file:// URLs where converted into absolute domain URLs.
32 Fixed bug where an error was produced if a editor was removed inside an editor command.
33 Fixed bug where force_p_newlines didn't effect the paste plugin correctly.
34 Fixed bug where the paste plugin was producing an exception on IE if you pasted contents with middots.
35 Fixed bug where delete key could produce exceptions in Gecko sometimes due to the fix for the table cell bug.
36 Fixed bug where the layer plugin would produce an visual add class called mceVisualAid this one is now renamed to mceItemVisualAid to mark it internal.
37 Fixed bug where TinyMCE wouldn't initialize properly if ActiveX controls was disabled in IE.
38 Fixed bug where tables and other elements that had visual aids on them would produce an extra space after any custom class names.
39 Fixed bug where search with an empty string would produce some odd "invalid pointer" error in IE.
40 Fixed bug where elements like menus where placed at incorrect positions in Opera 9.26.
41 Fixed bug where IE was loosing focus of the editor when you clicked some dropmenu and if it was placed in a frame or iframe.
42 Fixed bug where focus of images could be lost in IE if you focused the accessibility confirm dialog in the advimage plugin.
43 Fixed bug where nestled font elements would produce odd output like missing font elements.
44 Fixed bug where text colors and styles got removed if invalid_elements included the font element.
45 Fixed bug where text-decoration set to underline or line-through would remove other styles from span elements.
46 Fixed bug where editor contents like \n\n would be incorrectly handled and processed as real line feeds.
47 Fixed bug where incorrectly encoded urls with ampersands in them would be decoded incorrectly.
48 Optimized the DOMUtils decode method to be a lot faster if the string doesn't have any entities to decode.
49 Version 3.0.2.1 (2008-02-26)
50 Fixed alert/confirm dialogs so they display correctly.
51 Version 3.0.2 (2008-02-26)
52 Added new body_id option that enables you to specify the id of the body inside the editor iframe based on ideas by David Bildstr�m (ChronoZ).
53 Added new body_class option that enables you to set the class for the body of the editor iframe based on ideas by David Bildstr�m (ChronoZ).
54 Added new CSS class to the default content.css files mceForceColors that forces white background and black text can be used with the body_class option.
55 Added new type parameter to the Editor.getParam function to reduce redundant logic for parsing hash tables.
56 Added new isDone method to the ScriptLoaded class, this enables you to check if a script has been loaded or not.
57 Added new resizeTo and resizeBy methods for the advanced theme. Can be called using tinyMCE.activeEditor.theme.resizeTo(w, h);
58 Added new skin_variant option this can be used to extend existing skins with slight modifications like color.
59 Added new variant of the o2k7 skin called "silver" based on a contribution made by Stefan Moonen.
60 Fixed bug where the template plugin might produce errors if the template_mdate_classes wasn't configured.
61 Fixed bug where the media plugin didn't convert the URLs for movies once they where inserted.
62 Fixed bug where the style field for the advlink dialog didn't work correctly if you edited an existing link.
63 Fixed bug where alignment of toolbars would fail in editor was uses in a quirks mode on IE, fix contributed by Peter Wood & Art Lawry.
64 Fixed bug where initialization of multiple editors at the same time using the mceAddControl method would produce errors.
65 Fixed bug where initialization of editors using mceAddControl command or new tinymce.Editor calls would fail during page load.
66 Fixed bug where the check for domain relaxing could fail if the document.domain property was changed by another script.
67 Fixed bug where textareas couldn't be named description or any other name that matches the meta elements in IE and Opera.
68 Fixed bug where the element path would fail sometimes in IE due to "unknown runtime error" on innerHTML.
69 Fixed bug where Safari would crash if you was hiding the editor before serializing the contents.
70 Fixed bug where the editor wasn't scaled propertly in fullscreen mode using the old fullscreen_new_window option.
71 Fixed bug where render method didn't load language packs in IE and Opera if you rendered an editor during page load.
72 Fixed bug where resizing the browser window in fullscreen didn't resize the editor.
73 Fixed bug where the blockquote command didn't move the caret inside the new empty blockquote if you used it on an empty document.
74 Fixed bug where auto in a style width/height for the textarea would produce an editor with the size value of 100. Fix contributed by Shane Tomlinson.
75 Fixed bug where restoration of selection at the beginning of an element could fail in Gecko.
76 Fixed bug where caret restoration after a cleanup could place the it at an incorrect location.
77 Fixed bug where delete key inside td elements would delete the cell in Gecko.
78 Fixed so the blockquote button toggles individual lines. This behavior is a bit more like the old indentation behavior in the 2.x branch.
79 Fixed so the dialog language packs only gets loaded the first time you open a dialog.
80 Fixed so all classes in the whole UI is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins.
81 Fixed so all classes in the inlinepopups logic is prefixed with "mce" to avoid collisions, use the skin converter to update your existing skins.
82 Fixed so that the window in fullscreen mode can be resized when fullscreen_new_window option is enabled.
83 Fixed so blockquote elements are formatted in the source output with an linefeed before and after it.
84 Optimized the editor initialization by reducing the number of calls to getBookmark/moveToBookmark.
85 Version 3.0.1 (2008-02-21)
86 Added spellchecker plugin into the main package, but without any backend can be specified with the spellchecker_rpc_url option.
87 Added src attribute for script elements to the default valid_elements option value.
88 Added extra parameter to the class_filter callback it can now also filter out classes based on the whole CSS rule.
89 Added support for domain relaxing, TinyMCE can now be loaded from an remote domain as long as they are on the same root domain.
90 Added support for custom elements the new custom_elements option enables you to add non HTML elements to the editor.
91 Added support for the W3C Selectors API that was added to latest nightly build of WebKit.
92 Fixed bug where some object param element wasn't stored correctly using the media plugin.
93 Fixed bug where Opera was scrolling to top of page is drop menus on list boxes where displayed.
94 Fixed bug where IE6 was crashing if a format block was used on a container with anchor elements.
95 Fixed bug where spans with font sizes wasn't handled correctly when editor was loading contents.
96 Fixed bug where mode exact couldn't convert editors with name only. Id is no longer required but recommended.
97 Fixed bug where the mceInsertRawHTML command produced an extra undo level.
98 Fixed bug where the specific_textareas mode didn't work correctly this is the same thing as textareas now.
99 Fixed bug where the values of input elements in the HTML page of dialogs pages where changed in IE.
100 Fixed bug where fullscreen and fullpage plugins didn't work well together.
101 Fixed bug where embed elements wasn't handled properly in the media plugin.
102 Fixed bug where style information on span elements gets munged when fonts are converted to spans.
103 Fixed bug where some entities in element attributes where encoded incorrectly in the latest WebKit build.
104 Fixed bug where initialization would fail in IE if there where two input elements with the name submit in the form.
105 Fixed bug where fullscreen mode didn't work correctly in IE when the fullscreen_new_window option was used.
106 Fixed bug where invalid contents like an ul inside a p element would produce odd results in IE.
107 Fixed bug where Opera 9.2x was placing the drop menus at incorrect locations if the editor was placed in a table.
108 Fixed bug where Opera was producing odd results if enter/return was pressed while having forced_root_blocks disabled.
109 Fixed bug where layer plugin was stealing focus in IE on initialization.
110 Fixed bug where body attributes wasn't set properly in the fullpage plugin, fix contributed by Hiroaki Kawai.
111 Fixed bug where insert image and insert link dialogs where producing an extra level in the undo history.
112 Fixed bug where Gecko would produce an error if empty elements like <div></div> where inserted using mceInsertContent.
113 Fixed bug where center alignment of images produced odd results inside table cells.
114 Fixed bug where center alignment of images couldn't be toggled correctly.
115 Fixed bug where alignment of images inside tables would produce double float style items in IE if the fix_table_elements option was enabled.
116 Fixed bug where a variable called 'v' was polluting the global namespace. Objects tinymce and tinyMCE are the only ones allowed to be global.
117 Fixed bug where insert table from context menu couldn't insert new tables inside existing tables.
118 Fixed bug where Safari wouldn't produce br elements on enter when the force_br_newlines option was enabled.
119 Fixed bug where switching cell type in table cell dialog would produce odd attributes in IE.
120 Fixed bug where Gecko was outputting internal attributes if valid_elements where set to "*[*]".
121 Fixed bug where the style plugin would produce non hex colors inside the dialog when running on Gecko.
122 Fixed bug where an empty src value for insert image would remove the currently selected image if it wasn't and image element.
123 Fixed bug where hidden input elements would break the logic for the tab_focus option.
124 Fixed bug where save button wasn't working correctly in fullscreen mode.
125 Fixed bug where the editor was forced to be placed in a form element if the save_onsavecallback option was used.
126 Fixed bug where upper case param attributes wasn't parsed correctly in the media plugin.
127 Fixed bug where render method of tinymce.Editor class would produce an exception if the strict_loading_mode option was omitted.
128 Fixed bug where nodeChanged event could be fired while the editor was loading and there for produce an exception in FF.
129 Fixed bug where no undo levels where added if the user created new table rows using the tab key on Gecko.
130 Fixed bug where tables would be broken if you selected a different block format for contents withing an table cell.
131 Fixed bug where the render method of the tinymce.Editor class didn't setup the tinymce.EditorManager.settings object correctly.
132 Fixed bug where the advanced image dialog would go to the first tab if the alternative image was changed using the file browser link.
133 Fixed bug where the forced_root_block option would produce BR elements inside empty blocks if the block wasn't a paragraph.
134 Fixed bug where the forced_root_block doesn't work correctly on IE if the specified element was something else than paragraphs.
135 Fixed bug where selection of images would get lost if user selected something from the context menu in IE.
136 Fixed bug where the context menu plugin would pollute the global namespace with two variables p1 and p2.
137 Fixed compatibility issue with Mootools, it is destroying document.getElementById on unload in IE. (Mantra: You don't own the internal objects).
138 Fixed bugs where dialogs/tabs and other UI elements where rendered incorrectly in Firefox 3.
139 Fixed so the auto CSS class importer is compatible with 2.x.
140 Fixed so the editor UI and inlinedialogs works correctly with the YUI CSS reset package.
141 Fixed so header and footer elements are forced to lower case when the fullpage plugin is used.
142 Fixed so load prefixes "-" for plugins and themes isn't required if the plugin/theme was loaded by the ThemeManager/PluginManager.
143 Fixed so the JSONRequest uses application/json content type to make Ruby on rails happy.
144 Fixed so the CSS rule is more exact for the body in the default content.css files. Body is now defined as "body.mceContentBody" instead of just "body".
145 Fixed so the tiny_mce_dev.js uses XHR instead of document.write to load scripts to resolve an issue with Opera 9.50.
146 Fixed so language pack loading can be disabled by setting the language option to false. Can be useful for systems with their own language pack management.
147 Version 3.0 (2008-01-30)
148 Added map and area elements to the default valid_elements list and also some indentation rules.
149 Fixed bug where empty paragraphs wasn't padded when loading contents.
150 Fixed bug where the RowLayout manager didn't work at all.
151 Fixed bug where style attribute data would get messed up in advimage dialog.
152 Fixed bug where the table dialogs class select wasn't updated correctly.
153 Fixed bug where elements would get extra whitespace around on insert when body was present in valid_elements.
154 Fixed bug where coords attribute of the area element wasn't handled properly in IE.
155 Fixed bug where Safari didn't produce BR elements on shift+return.
156 Fixed bug where force blocks would cast odd invalid attribute exception in IE.
157 Fixed bug where media plugin would produce extra whitespace before and after objects.
158 Fixed bug where cleanup_callback could break the contents of the editor. But use the new event system instead of this option.
159 Fixed bug where the tab_focus option didn't work between editor instanced. You can now tab between editors.
160 Fixed bug where the load function of the ScriptLoader class didn't load single files without the load que as it was supposed to.
161 Fixed bug where the execcommand_callback parameter order was incorrect. Recommendation use the new addCommand method.
162 Fixed bug where range.select calls sometimes failed on some IE versions.
163 Fixed bug where Safari was scrolling to top of document when enter/returned was pressed.
164 Fixed bug where fullscreen_new_window option didn't work correctly.
165 Fixed bug where the nonbreaking plugin inserted an space instead of an non breaking space the first time.
166 Fixed bug where the visualization of non breaking spaces where visual in element path.
167 Fixed so the focus is restored to the editor after inserting an custom character.
168 Fixed so the isNotDirty state is set to false if a new undo level is added.
169 Fixed so pointless style information for borders gets removed in IE.
170 Fixed so the resize button has a se-resize cursor css value.

[Hackwar]

http://forum.joomla.org/viewtopic.php?f=500&t=265615

[Tonie]

Thanks Hannes, forgot to put that link to your post there earlier since I knew it was there.

[Stasys]

Thanks Hannes and Tonie

[eberzerk]

I've created a plugin that will add TinyMCE3 support.

http://www.e-berzerk.com/opensoft/joomla_tinymce3/

I will update the XML to provide better option control at a later date.

[ulfo]

Hi there,

I've installed everzerk plugin to upgrade to TinyMCE 3 because I need the pagebrake button of TinyMCE which happens to work only in version 3.

I have modified tinymce3.php in order to load pagebreak plugin and button this way:

Code: Select all

plugins : \"advlink, pagebreak, advimage, $plugins\",
			theme_advanced_buttons1 : \"bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect\",
			theme_advanced_buttons2 : \"bullist,numlist,|,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup,code,$buttons2\",
			theme_advanced_buttons3 : \"removeformat,hr,|,sub,sup,|,pagebreak,|,$buttons3\",

The editor loads well, if I look to the source generated I got my changes but the button is not shown, any ideas of what is missing?

Here's an screenshot of the editor.

[bt-t]

Thanks for the suggestion "Stasys" as you said "is not exactly the form of a whitepaper" but at least it is something...

[Stasys]

already upgraded to TinyMCE 3