Задать вопрос
@uroot

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

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

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

Текст самой статьи я вывожу так: <div class="article__text" v-html="list.text"/>
Есть идеи?
  • Вопрос задан
  • 104 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Stepik
    Игра на Vue.js
    1 неделя
    Далее
  • OTUS
    Vue.js разработчик
    4 месяца
    Далее
  • Skillbox
    Веб-разработчик на PHP
    9 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@uroot Автор вопроса
Всё оказалось куда проще.

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

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


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

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

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

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