Hi

Schwierig ist eher das Aufdröseln, wenn ich dich richtig verstehe.

Jein, und nicht ganz. ;-)

Ungefähr so sollte es gehen:
* du hast ein Array mit einem Element(der gesammte Text) [{ text:"...", type: NORMAL_TEXT }]
* du filterst alle Kommentare und trennst jeweil vor und hinter diesen ab und erzeugst neue Einträge [{ text:"alles vor Kommentar 1", type: NORMAL_TEXT }, { text:"Kommentar 1", type: COMMENT }, { text:"alles nach Kommentar 1", type: NORMAL_TEXT }]
* über den abgetrennten text nach Kommentar 1 suchst du den nächsten, usw
* dann fängst du vorne wieder an und suchst in allen Einträgen vom Typ NORMAL_TEXT nach Schlüsselwörtern, trennst wieder ab und fügst weitere Einträge ein [{ text:"alles vor Schlüsselwort 1", type: NORMAL_TEXT }, [{ text:"Schlüsselwort 1", type: KEYWORD }, { text:"alles nach Schlüsselwort 1", type: NORMAL_TEXT }, { text:"Kommentar 1", type: COMMENT }, { text:"alles nach Kommentar 1", type: NORMAL_TEXT }]
* ...

Ganz genau! Bloß das grundlegende Problem ist in meinen Augen aber hier:

* du hast ein Array mit einem Element(der gesammte Text)

Solange der 'gesamte' Text ein halbwegs überschaubares Maß hat, wie bei den (meisten) Code-Snippeds hier im Forum beispielsweise, dann ist das absolut praktikabel, keine Frage.

Aber bedenke, wir reden hier nicht nur über JavaScript, sondern auch über WebGL-Programming! :D

Das ist ziemlich low-level! Shader, Buffer (!). Die Berechnung der Vertices. Etc.
Wir reden hier über wahre Code-Monster! ;-)

Da jedesmal den ganzen Text durchzusieben wird nicht funktionieren. Das heißt, man braucht ein System, den Text vielfach zu untergliedern und die einzelnen Sektoren einzeln zu 'verwalten'.

Gruß

var