Plone WYSIWYG Editor

Documentation about Plone's WYSIWYG editors that allow content manipulation so that you can get text and/or images with the same graphics you have on the screen. Kupu was default Plone 2 and Plone 3 WYSIWYG editor, TinyMCE became a default visual Editor in Plone 4.

WYSIWYG: What You See Is What You Get editor is a software allowing content manipulation so that you can get text and/or images with the same graphics you have on the screen. Editors are useful for creating, editing, laying out and deleting contents and aim to make the writing of a text easier.

TinyMCE Plone 4 Visual Editor

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor used in Plone 4. It replaced Kupu as the default WYSIWYG editor starting from Plone 4 version. TinyMCE is widely used as the standard editor in many open source and commercial CMSs. Tiny MCE is:

  • Easy to integrate and customize. Only a few lines of code is needed for intagration. It has support for themes and plugins.
  • Browser friendly. TinyMCE supports multiple browsers, currently Mozilla (PC, Mac and Linux), MSIE (PC) and FireFox (PC, Mac and Linux) and it also has some limited Safari support.
  • Lightweight. PHP/.NET/JSP/Coldfusion GZip compressor, Makes TinyMCE 75% smaller and a lot faster to load.
  • AJAX Compatible. You can easily use AJAX to save and load content!
  • International. TinyMCE has multilanguage support using language packs.
  • Open Source. Free under the LGPL license, millions of ppl help test and improve this editor every day.

TinyMCE is one of the most used WYSIWYG editors on the Internet. Watch TinyMCE Screencast to learn how to use this editor on your Plone website: how to insert images, tables, anchors, links, and how to customize TinyMCE editor toolbar.

Kupu Plone 3 & Plone 2 Visual Editor

Kupu is Plone official editor, which has lots of great features and works with many servers. Kupu can be used on Mozilla, Netscape and Internet Explorer browsers. Inspired by Epoz editor, it was born to improve the JavaScript code and architecture, and to support other standards.

If compared to other editors, Kupu is more familiar and desktop-style. The visual editor also has an option to hide everything but the editor itself — letting you focus on what's important: producing high-quality content. Kupu is:

  • Easy to integrate. Kupu can be easily integrated into a variety of CMS’s. Currently there is integration code for Zope 2, Silva, Plone, and Apache Lenya. Kupu is also being used in Twiki, Popoon, Magnolia, Union CMS, and MyFaces.
  • Easy to customize and extend. Kupu can be customized and extended in several ways. For simple modifications much of the configuration can be set as attributes on the editor iframe, while buttons, tools and layout can be changed via the CSS. For larger customizations there's a simple JavaScript plugin API, and also the core has a clean and solid architecture to allow full extensibility.
  • High-tech and up-to-date. Kupu uses CSS in favour of HTML for layout and presentation. It supports asynchronous saving to the server. It sets event handlers from code instead of from the HTML, which makes the code a lot cleaner. It uses DOM functionality to build up HTML. On those and other fronts it tries to use the most modern standardized techniques available on all supported browsers to ensure a good user-experience and clean code.

Word kupu in Maori means 'word' and there is a type of butterfly called Kupu Kupu that lives in Indonesia: this is where the name and the logo of this powerful text editor came from.

Watch Kupu Screencast to learn how to use this editor on your Plone website: how to add images, tables, anchors, links, etc.

Connect with our experts Let's talk