Communardo Software GmbH, Kleiststraße 10 a, D-01129 Dresden
0800 1 255 255

TinyMCE - Compressor - Tweak

In die­sem Beitrag wird eine der Möglichkeiten auf­ge­zeigt, wie der TinyMCE Editor in Sachen Performance opti­miert wer­den kann.  Speziell wird auf die Java Variante JSP ein­ge­gan­gen. TinyMCE Compressor bie­tet aller­dings viel­fäl­tige Anbindungsmöglichkeiten. (Bsp.: php)

 

TinyMCE Compressor JSP

 

Der TinyMCE Kompressor packt alle TinyMCE Javascript Dateien in eine GZIP – Datei. Dadurch ver­rin­gert sich das Datenvolumen, wel­ches her­un­ter­ge­la­den wer­den muss, um 75%. Ein wei­te­rer wich­ti­ger Effekt ist, dass die Anzahl der ein­zel­nen Request, die beim Laden des Editors ver­ur­sacht wer­den, redu­ziert wird. Letztlich sorgt die Kompression für eine Verringerung der Zeit, die der TinyMCE – Editor zur Initialisierung benö­tigt, erheb­lich.

 

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 fin­den ist.
  2. Entferne im Quellcode die fol­gende 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 dar­un­ter ein. Dieser wird im nach­fol­gen­den erläu­tert. 

 

Der Initialisierungsprozess wird mit dem Aufruf der Javascript Funktion tinyMCE_GZ.init() auf­ge­ru­fen. Dieser Methode kön­nen zudem Parameter über­ge­ben wer­den, um den Prozess an das gewünschte Verhalten anzu­pas­sen.

 

Parameter    Standard Einstellung      Bedeutung
plugins lee­rer String TinyMCE Plugins, die ein­ge­bun­den wer­den sol­len
the­mes lee­rer String Themes, die ein­ge­bun­den wer­den sol­len (Bsp.: simple, advan­ded)
lan­guages lee­rer String Sprachen, die ein­ge­bun­den wer­den sol­len (Bsp.: de, en)
disk_cache true Cache Aktivierung
page_name tiny_mce_gzip.jsp Name der zuge­hö­ri­gen JSP
debug false Debug Modus für Kompressor
suf­fix lee­rer 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ön­nen unter fol­gen­der URL her­un­ter­ge­la­den wer­den. http://tinymce.moxiecode.com/download.php

Pin It on Pinterest