Code Tag im FCKEditor, aber wie ???

[spocky184]

Hallo,
ist es möglich im FCKEditor ein Code Tag einzufügen wie es in den meisten Foren (auch hier) möglich ist ?
Ich beschreibe auf meiner Internetseite viele Kommandozeilenbefeh le und würde diese gerne schöner darstellen.

Beispiel:

Code:

Das würde ich auch gerne im FCKEditor so machen !

Gruß
spocky184

[Luisehahne]

Schritt 1 gehe ins Verzeichnis Mofules->fckeditor->wb_config
Schriitt 2 lade die wb_config.js in deinen Editor gehe zur Zeile 105 und kommentiere /* 'SyntaxHighLight2', */ aus.
Schritt 3 besorge dir den  SyntaxHighlighter http://alexgorbatchev.com/ und binde diesen in dein Template ein.

Dietmar

[spocky184]

Wow,
so schnell habe ich in einem Forum ja noch nie Antwort bekommen !!!

Werde ich gleich mal ausprobieren !

Vielen Dank

Gruß
spocky184

PS: Ich liebe WebsiteBaker

[spocky184]

Hallo Dietmar,
schon mal danke für die schnelle Hilfe, aber im Verzeichnis modules -> fckeditor -> wb_config gibt es nur eine wb_fckconfig.js und in Zeile 105 keinen Eintrag SyntaxHighLight2 den ich auskommentieren könnte ?!



Gruß
spocky184

[Luisehahne]

Welche Version vom FCKeditor hast du denn? Aktuell ist module Version 2.9.4

Dietmar

@edit

Suche nach    FCKConfig.ToolbarSe ts["WBToolbar"] = [

[spocky184]

Hallo Dietmar,
hatte tatsächlich noch eine alte Version installiert und habe jetzt die Version 2.9.4 drauf.
Habe jetzt auch den entsprechenden Eintrag auskommentiert und mir den entsprechenden SyntaxHighlighter besorgt.

Habe jetzt aber noch ein kleines Verständnisproblem bei der Integration in mein Template

Wohin kopiere ich denn den ausgepackten Highlighter und was vom nachfolgenden Code muss ich in meine index.php integrieren (kommt das alles in den header Bereich ??) (sorry, bin kein HTML-Programmierer )

Code:

<!-- Include required JS files -->
<script type="text/javascript" src="js/shCore.js"></script>

<!-- At least one brush, here we choose JS. You need to include a brush for every language you want to highlight -->
<script type="text/javascript" src="css/shBrushJScript.js"></script>

<!-- Include *at least* the core style and default theme -->
<link href="css/shCore.css" rel="stylesheet" type="text/css" />
<link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />

<!-- You also need to add some content to highlight, but that is covered elsewhere. -->
<pre class="brush: js">
function foo()
{
}
</pre>

<!-- Finally, to actually run the highlighter, you need to include this JS on your page -->
<script type="text/javascript">
     SyntaxHighlighter.all()
</script>

Vielen Dank schon mal für deine Hilfe !!!

Gruß
spocky184

[Luisehahne]

Ich habe bei mir im Templateverzeichnis einen Ordner scripte\syntaxhighlighter angelegt. Dort kopiere ich das komplette Paket rein. Der Aufruf erfolgt bei mir in einer externen Datei und Jquery

Code:

if($("[class^=brush]").length)
  {
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/styles/shCore.css');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/styles/shThemeDefault.css');

        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shCore.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shBrushCss.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shBrushJScript.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shBrushPhp.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shBrushPlain.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shBrushXml.js');
        $.insert(TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/shLegacy.js');
        $(function()
        {
            SyntaxHighlighter.config.stripBrs = false;
            SyntaxHighlighter.config.bloggerMode = true;
            SyntaxHighlighter.config.clipboardSwf = TEMPLATE_DIR+'/scripte/syntaxhighlighter/scripts/clipboard.swf';
            SyntaxHighlighter.defaults['smart-tabs'] = true;
            SyntaxHighlighter.defaults['wrap-lines'] = true;
            SyntaxHighlighter.defaults['html-script'] = true;
            SyntaxHighlighter.all();
         });
    };

Hmm, jetzt wird wahrscheinlich die nächste Frage kommen, wie binde ich jquery ein. Lass mir ein bisschen Zeit ein kleines Tutorial zu schreiben. Denke heute nachmittag kann ich dir den Link geben.

Dietmar

[spocky184]

Hallo Dietmar,
vielen vielen Dank noch einmal für deine Bemühungen !!!

Hmm, jetzt wird wahrscheinlich die nächste Frage kommen, wie binde ich jquery ein.

Da hast du wohl recht

Lass mir ein bisschen Zeit ein kleines Tutorial zu schreiben. Denke heute nachmittag kann ich dir den Link geben.

Ich bin sprachlos ! Danke !

Ich denke du hilfst auch vielen anderen websitebaker-rookies

Gruß
spocky184

[Luisehahne]

Werde mich auch mit dem offizeillen Teamleiter für die Tutorials zusammensetzen, dass diese Tutorial auf der Tutorialseite von WebsiteBaker veröffentlicht wird.

Dietmar

[maverik]

soderle dann wollen wa ma eben den syntaxhighlighter in betrieb nehmen 

in 2 schritten zum erfolg 

wenn du schon etwas vom syntaxhighlighter auf dem account hast löschen!!

1) ganz wichtig im head vor </head>

Code:

<?php
if (function_exists('register_frontend_modfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('jquery');
        register_frontend_modfiles('js');
} ?>
]

das bindet jquery und die dazugehörigen pfade ein

2) das angehange zip local entpacken und in den template ordner per ftp übertragen. die js muss im template root liegen da wo die index ist und den ordner syntax so wie er ist rübernudeln.

viel spass

##################

für die "ichwillnichtunnötigencodeinmeintemplateladen" fraktion:

der syntax highlighter wird so nur auf den seiten eingebunden wo er gebraucht wird!!!

[spocky184]

Hi Maverik,
danke für die Anleitung !
Habe ich jetzt alles so gemacht. Und jetzt kommt die Frage vom Ochsen der vor dem Tor steht:
und jetzt ? Wie kann ich das im FCKEditor nutzen ?

Danke für dein Verständnis und deine Bemühungen 

Gruß
spocky184

[maverik]

wenn du das was dietmar geschrieben hat, mit dem aukommentieren in der fck datei, gemacht hast dann solltest du den button, vom screenshot, im fck sehen.....klick kommt zweiter screen....rest sollte klar sein

[spocky184]

Hi Maverick,

geht leider noch nicht !

habe in der Datei ./modules/fckeditor/wb_config/wb_fckconfig.js in Zeile 105 den entsprechenden Eintrag auskommentiert:

Code:

['FitWindow','ShowBlocks', '-', /*'SyntaxHighLight2',*/ /* 'flvPlayer', */ '-','About'],

habe den Inhalt deiner zip, wie beschrieben in meinen template Ordner kopiert:
jquery_frontend.js liegt jetzt dort wo die index.php liegt
ordner syntax liegt ebenfalls dort

habe den Header-Bereich meiner index.php entsprechend angepasst:

Code:

<head>
<title><?php page_title('','[WEBSITE_TITLE]'); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />
<link href="<?php echo TEMPLATE_DIR; ?>/screen.css" rel="stylesheet" type="text/css" media="screen" />
<?php
if (function_exists('register_frontend_modfiles')) {
        register_frontend_modfiles('css');
        register_frontend_modfiles('jquery');
        register_frontend_modfiles('js');
} ?>
</head>

sehe das Icon im FCKEditor aber nicht was mache ich falsch ?

Weiterhin vielen Dank für deine Hilfe !!!

Gruß
spocky184

[mr-fan]

browser cache gelöscht? 
gruß martin

[spocky184]

Hi mr-fan,

das funktioniert leider auch nicht Habe sowohl mit IE und Firefox getestet.

Gruß
spocky184

[dbs]

habe in der Datei ./modules/fckeditor/wb_config/wb_fckconfig.js in Zeile 105 den entsprechenden Eintrag auskommentiert:
Code:

['FitWindow','ShowBlocks', '-', /*'SyntaxHighLight2',*/ /* 'flvPlayer', */ '-','About'],

und das sieht jetzt aber so aus?:

Code:

['FitWindow','ShowBlocks', '-', 'SyntaxHighLight2', /* 'flvPlayer', */ '-','About'],