Podświetlana składnia html

Question

Witam robię stronę na której w jednym polu będę pisał kod np html a w drugim będę miał ten sam kod tylko podświetlony jest to w celu zrobienia takiego edytora stron online skorzystałem z skryptu do podświetlania składni znajdującego się na tej stronie: https://highlightjs.org/ tylko pojawił się problem bo jak wpisze z poziomu notatnika kod w znaczniku code który jest w znaczniku pre to jest wszystko dobrze ale jak zamienię zawartość znacznika code z poziomu javascripta to otrzymuję kod bez podświetlenia.

Prosiłbym o pomoc jak zrobić tak aby składnia podświetlała się po zmianie zawartości znacznika code.

Answer 1

Kod html ma stałą budowę
<nazwaTagu atrybut="jegoZawartosc" atrybutBezWartości>zawartoscTagu </koniecTagu>
Np

<option value="10" selected>Przykład</option>

Za pomocą RegEx możesz filtrować każdy z tych elementów, np nazwa tagu jest zawsze przed < lub </
Atrybuty zawsze są pomiędzy nazwą tagu, a >
Wartości atrybutów są zawsze po atrybucie w =" "
Zawartość tagu jest zawsze pomiędzy ><
Za pomocą takiego filtrowania możesz pokolorować kod, możesz dodać kilka trybów kolorystycznych, a nawet możesz sprawdzać czy każdy tag został zamknięty lub gdzie który się kończy
Wszystko zależy od tego ile czasu chcesz na to poświęcić

Wyrażenia regularne może nie są czymś przyjemnym do nauki (na przykład dla mnie), ale dają ogromne możliwości filtrowania tekstu
Możesz ich się nauczyć na przykład na stronie RegExr.com

Comments

Wartości atrybutów są zawsze po atrybucie w =" " 

Według specyfikacji atrybuty mogą być zapisywane w single quotes, double quotes, albo z pominięciem cudzysłowów w ogóle.

---

Fajnie to wygląda postaram się  to  ogarnąć.

Dziękuje!

---

Na chwilę obecną znalazłem tam jeden kod do podświetlania tagów html i chciałem go wypróbować nie wie pan może jak wziąć ten kod np w js na swoją stronę?

---

Na chwilę obecną znalazłem tam jeden kod do podświetlania tagów html i chciałem go wypróbować nie wie pan może jak wziąć ten kod np w js na swoją stronę?

To już zależy od twórcy, prawdopodobnie autor gotowego kodu podał jakie id/klasę ma mieć tag, w którym jest nasz kod.

Według specyfikacji atrybuty mogą być zapisywane w single quotes, double quotes, albo z pominięciem cudzysłowów w ogóle.

Wiem, podałem to jako przykład tego, że kod ma stałą budowę, wystarczy rozpoznawać co jest czym (np co jest nazwą tagu, co jest atrybutem, co jest jego zawartością itd), żeby zrobić podświetlanie składni.. i nie tylko, bo można zrobić dużo więcej, przykładowo zaznaczanie gdzie kończy się który tag - jak to ma miejsce w wielu edytorach.