Стили Prism JS не загружаются полностью в приложении React - PullRequest
Новая
       14

Стили Prism JS не загружаются полностью в приложении React

0 голосов
/ 08 января 2020

Я не уверен, имеет ли это отношение к этому как-то отношение к реакции. Кажется, что css загружается, но не применяется полностью.

Я применяю класс призмы к тегу кода html. 

import React from 'react';
import parser, { Tag } from 'bbcode-to-react';

class CodeTag extends Tag {

    decodeHtml(html) {
        let txt = document.createElement('textarea');
        txt.innerHTML = html;
        return txt.value;
    }

    toReact() {
        const attrs = {
            content: this.getContent(true),
            language: this.params.language
        }
        return(
        <pre><code className={"language-" + this.params.language}>{this.decodeHtml(attrs.content)}
)}} parser.registerTag ('code ', CodeTag); Экспорт по умолчанию CodeTag

в приложении. js Я импортирую призму css с импортом.

Вывод, который я получаю, явно стилизован призмой, но все Подсветка синтаксиса и цвета отсутствуют. Вот пи c вывода, который я получаю:

Нет цветов

Извините, если это запутанный пост. Я не совсем уверен, как еще спросить это. Ничто из того, что я нашел в Интернете, не похоже на проблему, с которой у меня возникают стили, но не так, как ожидалось. CSS в изображении, которое я скопировал с призмы. js веб-сайт внизу этой страницы: https://prismjs.com/download.html?themes#themes = призма и языки = разметка + CSS + клик + javascript

Так как контент, который я пытаюсь выделить, взят с сайта призмы, я ожидал, что мой вывод будет выглядеть точно так же, как подсветка на странице призмы, на которую ссылаются выше, поскольку я использую тему css.

...