@uroot

Как подружить в Vue Tinymce с Prism?

Когда в редакторе добавляешь код через codesample или когда редактируешь статью с кодом внутри, то всё отображается как нужно. А когда открываешь саму статью, то код не подсвечивается.
Как это выглядит на страничке
624aea66affb2217079803.png

Как это выглядит в редакторе
624ae99d67216040727967.png

Текст самой статьи я вывожу так: <div class="article__text" v-html="list.text"/>
Есть идеи?
  • Вопрос задан
  • 94 просмотра
Пригласить эксперта
Ответы на вопрос 1
@uroot Автор вопроса
Всё оказалось куда проще.

Инсталлим самую обычную версию prism-а: https://www.npmjs.com/package/prismjs

Дальше
import Prism from "prismjs"
import 'prismjs/themes/prism.css'


и вызываем в нашей статье:
Prism.highlightAll()

Всё работает как нужно
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы