Communardo Software GmbH, Kleiststraße 10 a, D-01129 Dresden
+49 (0) 351/850 33-0

TinyMCE – Compressor – Tweak

In diesem Beitrag wird eine der Möglichkeiten aufgezeigt, wie der TinyMCE Editor in Sachen Performance optimiert werden kann.  Speziell wird auf die Java Variante JSP eingegangen. TinyMCE Compressor bietet allerdings vielfältige Anbindungsmöglichkeiten. (Bsp.: php)

 

TinyMCE Compressor JSP

 

Der TinyMCE Kompressor packt alle TinyMCE Javascript Dateien in eine GZIP – Datei. Dadurch verringert sich das Datenvolumen, welches heruntergeladen werden muss, um 75%. Ein weiterer wichtiger Effekt ist, dass die Anzahl der einzelnen Request, die beim Laden des Editors verursacht werden, reduziert wird. Letztlich sorgt die Kompression für eine Verringerung der Zeit, die der TinyMCE – Editor zur Initialisierung benötigt, erheblich.

 

Installation

 

  1. Kopiere tiny_mce_gzip.js und tiny_mce_gzip.jsp in den tiny_mce Ordner, in dem unter andere auch die Datei tiny_mce.js zu finden ist.
  2. Entferne im Quellcode die folgende Zeile: <script type=“text/javascript“ src=“tinymce/jscripts/tiny_mce/tiny_mce.js“ mce_src=“tinymce/jscripts/tiny_mce/tiny_mce.js“ ></script>
  3. Füge dafür diese Zeile ein: <script type=“text/javascript“ src=“tinymce/jscripts/tiny_mce/tiny_mce_gzip.js“ mce_src=“tinymce/jscripts/tiny_mce/tiny_mce_gzip.js“ ></script>
  4. Füge den Aufruf des GZIP – Initialiserungsprozesses darunter ein. Dieser wird im nachfolgenden erläutert. 

 

Der Initialisierungsprozess wird mit dem Aufruf der Javascript Funktion tinyMCE_GZ.init() aufgerufen. Dieser Methode können zudem Parameter übergeben werden, um den Prozess an das gewünschte Verhalten anzupassen.

 

Parameter    Standard Einstellung      Bedeutung
plugins leerer String TinyMCE Plugins, die eingebunden werden sollen
themes leerer String Themes, die eingebunden werden sollen (Bsp.: simple, advanded)
languages leerer String Sprachen, die eingebunden werden sollen (Bsp.: de, en)
disk_cache true Cache Aktivierung
page_name tiny_mce_gzip.jsp Name der zugehörigen JSP
debug false Debug Modus für Kompressor
suffix leerer String Suffix für editor_template<suffix>.js

 

Beispiel

<script type="text/javascript">
 <!--
  tinyMCE_GZ.init({
   plugins: 'inlinepopups,table,advhr,emotions',
   themes: 'advanced',
   languages: 'en,de',
   disk_cache: true,
   debug: false
  });
//-->
</script>

Download

 

Die  tiny_mce_gzip.js und tiny_mce_gzip.jsp Dateien können unter folgender URL heruntergeladen werden. http://tinymce.moxiecode.com/download.php

Kommentar hinterlassen


Pin It on Pinterest