Во время редактирования текста, вставляю шорткод, например:
[work name="dig"]
Но шорткоды сливаются с основным текстом.
Вопрос: Как подветить шорткод на уровне визуального редактирования?
Думаю, может javascript искать '[' и перед ней вставлять тег span со стилем color:green. Потом искать ']' и после вставлять закрывающий тег.
У кого-то это уже реализовано? Есть ссылка на статью? Может вариант решения?