EoNyWiki: Wiki Editor
 

Implementierung von Tiny MCE


pre-alpha status

Vielleicht auch lieber den hier: http://www.solmetra.com/en/disp.php/en_products/en_spaw/en_spaw_intro
einbinden
Contents
Implementierung von Tiny MCE
Mehrere Möglichkeiten
Dokumentation der Vorgehensweise zu Möglichkeit 1
1. Quellen herunterladen
2. Quellen auf dem Webserver in /js speichern
3. WackoMarkup in TinyMCE übernehmen
4. Setzten der Auswahlmöglichkeit für TinyMCE als GUI
Anpassen /lang Datei

Projekt Homepage
ProjektDoku:Wiki

Mehrere Möglichkeiten


  1. Einbinden der javascripte in /handlers/page/edit.php (case in edit.php) und dadurch Auswahl-/Umschaltmöglichkeit im normalen editor
  2. Einbinden der der javascripte in einer /handlers/page/tinymce_edit.php
  3. Einbinden der javascripte in die header.php – Dateien der einzelner themes

Dokumentation der Vorgehensweise zu Möglichkeit 1

1. Quellen herunterladen

Je nachdem, wie weit in den Programmkern eingegriffen werden soll bieten sich unterschiedliche Implementierungen an. Auf jeden Fall beginnt das Einbinden mit dem Herunterladen der Quellen.
sourceforge Quellen

2. Quellen auf dem Webserver in /js speichern

Kopieren des kompletten Ordners tiny_mce in das /js – Verzeichnis
Optional: Installieren der tinyMCE Kompression
file:tinymce_comp

3. WackoMarkup in TinyMCE übernehmen

dazu im Ordner /tiny_mce/plugins den Ordner wacko einfügen
hier ist noch eine Menge Arbeit zu tun, um das wackomarkup zu «übersetzen»
file:editor_plugin.js


4. Setzten der Auswahlmöglichkeit für TinyMCE als GUI

Aufrufen (initialisieren) der scripte in
file:edit.php
<input name="gui" class="OkBtn" onmouseover='this.className="OkBtn_";' onmouseout='this.className="OkBtn";' 
     type="submit" align="top" value="<?php echo $this->GetResourceValue("EditGuiButton"); ?>"  onclick="document.location='<?php echo addslashes($this->href(""))?>';"/>

<?php if ($_POST["gui"])
 { ?>
<!-- tinyMCE -->
<script language="javascript" type="text/javascript" src="<?php echo $this->GetConfigValue("root_url");?>js/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
    // Notice: The simple theme does not use all options some of them are limited to the advanced theme
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_path_location : "bottom",
        theme_advanced_styles : "notice=cite;notice blue=cl-blue;notice green=cl-green;notice red=cl-red;mark red=mark", 
        content_css : "<?php echo $this->GetConfigValue("theme_url") ?>css/wakka.css",
        plugins: "wacko"
    });
    
    function customSave(id, content) {
        edit.submit();
    }
</script>
<!-- /tinyMCE -->
<?php
 
 
  }
?>

Anpassen /lang Datei


http://tinymce.moxiecode.com/punbb/viewtopic.php?id=27 tinymce-xhtml