YAML | «Simple Project» Template

Schritt 1: Download der Scripte im Downloadbereich. Ausserdem wird jQuery benötigt

1. Für Coder das Editorgrundgerüst - der dp.SyntaxHighlighter
2. Plugin FCKeditor SyntaxHighlighter

Schritt 2: Installation der Schripte

1. Entpacke db.SyntaxHighlighter in ein Verzeichnis deiner Wahl
   
2. FCKeditor Plugin ins Verzeichnis \modules\fckeditor\fckeditor\editor\plugins\

Zum vergrössern auf das Bild klicken

Gehe ins Verzeichnis modules\fckeditor\wb_config und bearbeite die wb_fckconfig.js und füge nachstehenden Code ein um das Plugin zu installieren

// Configure Syntax highlighter for 2.0.x
FCKConfig.Plugins.Add('syntaxhighlight2', 'en');
// default language options:
// c++,csharp,css,delphi,java,jscript,php,python,ruby,sql,vb,xhtml
FCKConfig.SyntaxHighlight2LangDefault = 'php';
//
// ----------------------

Suche ToolbarSets für WBToolbar und füge SyntaxHighLight2 hinzu

   FCKConfig.ToolbarSets["WBToolbar"] = [
	['Source','DocProps','-','NewPage','Preview','-','Templates'],
	['Cut','Copy','Paste','PasteText','PasteWord','-','Print','SpellCheck'],
    ['FitWindow','ShowBlocks', '-','SyntaxHighLight2','-','About'],
	'/',

Füge im Scriptbereich folgende Zeilen hinzu, um Highlightning für jede Seite verfügbar zu machen. Die Scripte werden erst geladen, wenn der Selector pre gefunden wird. Evtl die Pfade zu den Scripten anpassen. Es ist kein Pfad vorgeschrieben. Für den IE müssen PopUps zugelassen werden.

/*-- Only for coder --*/
  if($("[class^=brush]").length) {
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/styles/shCore.css");
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/styles/shThemeDefault.css");
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/scripts/shCore.all.js");
          $(function(){
            SyntaxHighlighter.config.stripBrs = false;
            SyntaxHighlighter.config.bloggerMode = true;
            SyntaxHighlighter.config.clipboardSwf = "<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/scripts/clipboard.swf";
            SyntaxHighlighter.defaults['gutter'] = true;
            SyntaxHighlighter.defaults['smart-tabs'] = true;
            SyntaxHighlighter.defaults['wrap-lines'] = true;
            SyntaxHighlighter.defaults['html-script'] = true;
            SyntaxHighlighter.all();
         });
       };
/*-- Only for coder --*/

Schritt 1: Download der Scripte im Downloadbereich. Ausserdem wird jQuery benötigt

1. Für Coder das Editorgrundgerüst - der dp.SyntaxHighlighter
2. Plugin TINYMCE SyntaxHighlighter

Schritt 2: Installation der Schripte

1. Entpacke db.SyntaxHighlighter in ein Verzeichnis deiner Wahl
   
2. TINYMCE Plugin ins Verzeichnis \modules\tiny_mce\tiny_mce\plugins

Sollte das dp.SyntaxHighlighter bereits installiert sein, so kann dieser Schritt übersprungen werden

Zum vergrössern auf das Bild klicken

Gehe ins Verzeichnis modules\tiny_mce und bearbeite die include.php und füge nachstehenden Code ein um das Plugin zu installieren

	//START DEFINE WHAT PLUGINS TO LOAD HERE
	 plugins :   "advhr,advimage,advlink,ajaxfilemanager,"+
	             "contextmenu,directionality,fullscreen,"+
	             "inlinepopups,insertdatetime,layer,media,"+
	             "nonbreaking,noneditable,wblink,paste,preview,"+
	             "print,safari,save,searchreplace,spellchecker,style,"+
	             "table,template,youtube,visualchars,wbcodephp,xhtmlxtras,"+
                     "codehighlighting",
	//END DEFINE WHAT PLUGINS TO LOAD HERE

Suche theme_advanced_buttons und füge dort codehighting ein

	              theme_advanced_buttons4 :   "insertlayer,removeformat,moveforward,movebackward,absolute,|,advcode,codehighlighting",
	// END DEFINE THE BUTTONS USDES IN THEME TOOLBAR HERE

Falls noch nicht erfolgt, füge im Scriptbereich folgende Zeilen hinzu, um Highlightning für jede Seite verfügbar zu machen. Die Scripte werden erst geladen, wenn der Selector pre gefunden wird. Evtl die Pfade zu den Scripten anpassen. Es ist kein Pfad vorgeschrieben. Für den IE müssen PopUps zugelassen werden.

/*-- Only for coder --*/
  if($("[class^=brush]").length) {
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/styles/shCore.css");
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/styles/shThemeDefault.css");
      $.insert("<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/scripts/shCore.all.js");
          $(function(){
            SyntaxHighlighter.config.stripBrs = false;
            SyntaxHighlighter.config.bloggerMode = true;
            SyntaxHighlighter.config.clipboardSwf = "<?php echo WB_URL ?>/framework/dp.SyntaxHighlighter/scripts/clipboard.swf";
            SyntaxHighlighter.defaults['gutter'] = true;
            SyntaxHighlighter.defaults['smart-tabs'] = true;
            SyntaxHighlighter.defaults['wrap-lines'] = true;
            SyntaxHighlighter.defaults['html-script'] = true;
            SyntaxHighlighter.all();
         });
       };
/*-- Only for coder --*/