Syntax-Highlighting mit "HighLighter"

  • 28 Antworten
  • 6841 Aufrufe
*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #15 am: 02. September 2013, 11:08:23 »
Nice, jetzt funktionierts! Vielen Dank!
Soll ich das Plugin für 2.0 hochladen?
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline Rainer

  • Administrator
  • Mitglied
  • 689
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #16 am: 02. September 2013, 13:18:52 »
Spricht nix dagegen  :)
moziloCMS bei Diaspora*
•• moziloCMS über Facebook bekannt machen
••• moziloCMS auf GitHub
•••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
••••• Mein moziloCMS

*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #17 am: 02. September 2013, 14:02:03 »
Ich habs hochgeladen.

Na hätte ja sein können, dass noch Ideen oder Einwände kommen... ;)
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline Rainer

  • Administrator
  • Mitglied
  • 689
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #18 am: 03. September 2013, 08:05:41 »
Wer weiß, die kommen ja vielleicht immer noch  :D
moziloCMS bei Diaspora*
•• moziloCMS über Facebook bekannt machen
••• moziloCMS auf GitHub
•••• Nichts ist einfacher, als das, was uns fremd ist, zu verachten.
••••• Mein moziloCMS

*

Offline blacknight

  • Mitglied
  • 90
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #19 am: 05. Oktober 2013, 09:38:15 »
super Plugin  :D

ich hatte nur noch ein kleines Problem und zwar wenn ich folgendes darstellen möchte:
<div class="menu">{CSSDropDownMenu}</div>In der Inhaltsseite steht:
{HighLighter|html5|
  <div class="menu">^{CSSDropDownMenu^}</div> 
}

in der fertigen Seite wird jedoch nicht {CSSDropDownMenu} ausgegeben sondern durch das Plugin mit dem entsprechenden HTML Code ersetzt.

Ich hab dann im HighLighter Plugin die Zeile
$code = str_replace(array('-html_br~','-html_nbsp~'), array('', ' '), $code);ersetzt durch:
$code = str_replace(array('-html_br~','-html_nbsp~','{','}'), array('', ' ','^{','^}'), $code);und die Zeile
return $geshi->parse_code();durch
return $specialchars->encodeProtectedChr($geshi->parse_code());Damit bleibt das ^ erhalten und es wird {CSSDropDownMenu} ausgegeben.
Hat, soweit ich das testen konnte, auch keine negativen Auswirkungen. Wenn keine Einwände hat, könntest du das ja vielleicht noch ändern ;)

*

Offline stefanbe

  • Administrator
  • Mitglied
  • 2237
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #20 am: 05. Oktober 2013, 14:56:38 »
Ich würde es so ändern

Suchen
return $geshi->parse_code();Ersetzen
$search = array("{","}","|","[","]");
$replace = array("&#123;","&#125;","&#124;","&#091;","&#093;");
return str_replace($search,$replace,$geshi->parse_code());

damit GeSHi nicht die Geschützen Zeichen mitbeckomt.
Da die ja eigendlich zum Hervor zu hebenen Code gehören und nur vor mozilo Geschützt werden müssen.

lg stefanbe

*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #21 am: 07. Oktober 2013, 15:10:44 »
Hab Stefans Variante implementiert und hochgeladen, danke für das gute Feedback!

lg, HPdesigner
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline stromflo

  • Mitglied
  • 199
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #22 am: 10. April 2015, 22:52:49 »
Guten Abend zusammen,

möchte meine bestehende Webseite (Dokuwiki )zukünftig durch eine moziloCMS Seite ersetzen.
Allerdings kommt dort auch reichlich Quellcode vor. Wollte einen Quellcode, der in C geschrieben ist nun mit dem Plugin darstellen. Allerdings wird die Darstellung bereits nach dem ersten } beendet. Im Quellcode kommt auch | vor.

Gibt es da eine Lösung?

Gruß Flo
« Letzte Änderung: 10. April 2015, 22:57:09 von stromflo »

*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #23 am: 11. April 2015, 10:12:30 »
Ich fürchte alle {, }, [, ] und | musst du mit ^ escapen... Ich hab das mit "Alle suchen und ersetzen" in meinem Texteditor gemacht.

— Andreas

PS: An dieser Stelle an die Entwickler: Es wäre super, wenn es eine Art Block-Escapen gäbe! Sodass man mozilo sagt, in diesem Block nicht auf Syntax prüfen, um nicht alle Sonderzeichen einzeln escapen zu müssen...
« Letzte Änderung: 11. April 2015, 10:16:06 von HPdesigner »
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline stromflo

  • Mitglied
  • 199
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #24 am: 11. April 2015, 10:23:09 »
Danke für die Rückmeldung.
Hatte ich auch schon vermutet, dass ich da nicht herum komme....
Dein Ansatz/Vorschlag hört sich natürlich super an und wäre schön, wenn dies irgendwann umgesetzt wird.

Gruß Flo

*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #25 am: 11. April 2015, 10:28:52 »
Falls du Sublime Text nutzt (für mich der beste Code-Editor überhaupt, um mal etwas Werbung einzuschieben ;) ) oder einen anderen Texteditor, der reguläre Ausdrücke nutzt, kannst du einfach nach folgendem Ausdruck suchen (STRG+H):

[{}|\[\]]
Dann setzt Sublime dir vor jedes der mozilo Sonderzeichen einen Cursor und du brauchst nur noch das Hochdach einfügen. Ein hoch auf Multicursor!

— Andreas
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline stefanbe

  • Administrator
  • Mitglied
  • 2237
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #26 am: 11. April 2015, 10:46:51 »
Das kann der mozilo Editor auch :-)

*

Offline HPdesigner

  • Mitglied
  • 599
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #27 am: 11. April 2015, 11:23:13 »
Multicursor? Ja, Regex? Nein... ;)

— Andreas
Check my website devmount.de
and find me on Twitter, Medium, GitHub, StackOverflow, Codepen and Slack

*

Offline stromflo

  • Mitglied
  • 199
Re: Syntax-Highlighting mit "HighLighter"
« Antwort #28 am: 11. April 2015, 13:30:30 »
Also das Suchen/Ersetzen hat im mozilo Editor super geklappt!
Außerdem habe ich das Aussehen der Codebox noch im style.css hinterlegt.

.highlighter_plugin{
  background-color: #EEEEEE; 
  border: 1px solid black;
}

Ein Problem macht mir die Ganze Darstellung jetzt noch in der mobilen Ansicht.
Der Text geht über den Rand vom Design und auch über den Rahmen der Codebox hinaus...
Mal überlegen wie ich das in Griff bekomme... Es stellt sich die natürlich die Frage wie ich auf Mobilgeräten überhaupt eine sinnvolle Darstellung hinbekomme?

Gruß Flo

edit:
overflow: auto;  gefällt mir fast noch am besten :)
.highlighter_plugin{
  background-color: #EEEEEE; 
  border: 1px solid black;
  padding: 2px;
  overflow: auto;
}

Im mobilen Design nehme ich dann die Schriftgröße noch etwas runter...
« Letzte Änderung: 11. April 2015, 13:45:00 von stromflo »