GrAndSE's blog

Підсвітка синтаксису за допомогою javascript

Як Ви могли помітити в моєму блозі всі блоки програмного коду мають підсвітку синтаксису, що значно спрощує його перегляд. Чесно кажучи не вигадав іншого використання, як для якихось сайтів та блогів з програмування, однак сама концепція може стати в нагоді не тільки для таких проектів.

Теорія

Яким чином можна надати будь-якому елементу html сторінки певного кольору чи інші характеристики? Звичайно ж за допомогою css. Найпростіший варіант, який здається вірним і з точки зору валідності та семантики - використання html-тега span.

Тепер залишається автоматично огорнути елементи. Саме тут стане корисним javascript та його регулярні вирази. За допомогою функції replace будемо "огортати" всі входження ключових слів та спеціальних символів в span з відповідним стилем.