Описание тега html-react-parser
Библиотека npm для reactjs, которая анализирует строку HTML на элементы React.
0
ответов
React на стороне сервера со встроенными скриптами
Как мне указать гидрату React, чтобы он пропускал синтаксический анализ серверного узла dom? У меня есть блог, где содержание статьи управляется с помощью Wordpress и передается в изоморфное приложение React через REST API. На стороне сервера прилож…
11 дек '17 в 15:53
1
ответ
Замена объекта стиля javascript в строке html
Ниже мой блок кода реагирования import React from 'react'; import { render } from 'react-dom'; import Parser from 'html-react-parser'; var styles = { primaryLable60: { fontSize: '60px', color: '#dedede', direction: 'ltr', textAlign: '-webkit-auto', …
30 авг '18 в 04:08
1
ответ
Объединить SVG вместе с HTML
У меня есть SVG, я хочу добавить этот SVG перед некоторыми HTML-данными. import * as Parser from 'html-react-parser'; var loadingLogo = require('./img/loading.svg'); var htmlData = 'hello <b>World</b>' let imgTag = Parser(loadingLogo); i…
30 мар '18 в 11:35
2
ответа
Невозможно изменить дочерние элементы в разобранном HTML
Я хочу сделать большой кусок HTML, заменив определенные теги, такие как <p> а также <a> с компонентами React (т.е. <StyledParagraph> а также <StyledLink>) Я протестировал много библиотек, включая html-реагировать-парсер. В от…
03 апр '19 в 02:30
1
ответ
Невозможно проанализировать HTML-теги в данных строки DataTable
Я получаю HTML-теги в одном элементе для каждой ячейки DataTables. Я хочу анализировать HTML-теги, но до сих пор не могу этого сделать. Я уже пробовал html-реагировать на парсер, но он разбирает их в массив. import Parse from "html-react-parser"; &l…
11 апр '19 в 06:20
2
ответа
Next.js отображает приложение внутри html-разметки в виде строки
Мне нужно создать приложение Next.js внутри сторонней разметки html. Наценка представлена следующим образом: header.txt <html> <head> <title>Some title</title> </head> <body> <header>Some header</header…
23 фев '20 в 00:38
1
ответ
Как упростить этот код и четыре раза выполнить четыре одинаковых задания?
Итак, я завершаю эту задачу, где конвертирую необработанный html в компонент реакции, и мне нужно выполнить эту задачу 4 раза для 4 меню на панели навигации. Код работает, однако код выглядит некрасиво, и я уверен, что есть способ выполнить задачи с…
08 авг '20 в 23:07
0
ответов
Как визуализировать html-шаблон с переменными внутри из реакции?
Я получаю шаблон html с сервера. В этом шаблоне также есть данные объекта. Я хочу показать этот шаблон в компоненте реакции. Мне удается показать все элементы html с помощью плагина html-react-parser, но мои переменные отображаются как строка {data.…
17 янв '20 в 13:14
0
ответов
Как (безопасно) визуализировать динамически сгенерированный SVG в React?
Я использую Maker JS для создания SVG для отображения в приложении React. Библиотека генерирует код SVG и возвращает его в виде строки. Учитывая, что строка генерируется внутри приложения, безопасно ли использовать опасно SetInnerHTML или html-respo…
28 апр '20 в 01:53
0
ответов
Парсер Html React не отображает пустые теги <p>
Я использую html-react-parser для своего текстового редактора draft-js. Проблема в том, что когда я отправляю пустые места на бэкэнд, он просто отправляет несколько пустых теги, и это то, что я получаю из базы данных. При этом мой парсер полностью и…
20 июл '20 в 16:39
4
ответа
Как визуализировать теги div и script в React?
Приложение реакции получило код визуализации, и я использовал функцию unescape, чтобы получить коды HTML в виде строки. Строка имеет div тег с идентификатором визуализации и script тег, который состоит из javascript для создания визуализации. import…
25 фев '21 в 14:58
0
ответов
Теги Div и Script в React с использованием проблемы HTML-React-Parser
Приложение реакции получило код визуализации, и я использовал функцию unescape, чтобы получить коды HTML в String. Строка имеет тег div с идентификатором визуализации и тег скрипта, который состоит из javascript для создания визуализации. import Rea…
24 фев '21 в 17:47
1
ответ
Каковы плюсы и минусы использования пакета синтаксического анализа HTML, такого как html-react-parser, и опасноSetInnerHtml в React?
У нас есть база данных, содержащая HTML-код, и мы отображаем ее на веб-странице с помощью React, но ее нужно проанализировать. Изначально я использовал html-response-parser, но после проверки кода мне было предложено использовать вместо него dangero…
21 янв '21 в 15:27
1
ответ
html-response-parser: замените узел DOM другим узлом DOM, содержащим дочерний внутренний текст (A-ссылка)
С использованием html-react-parser, Мне нужно вывести свою строку как JSX, но с заменой всех <a href=...> к инкапсулирующему новому элементу <LinkContainer to={href}><a>..</a></LinkContainer> который будет содержать <…
23 июл '21 в 21:55
0
ответов
Невозможно проанализировать HTML в React [закрыто]
Я использовал разные методы для анализа html-данных в реакции, но не смог получить правильные данные. Но я был поражен, когда попробовал тот же код на codeandbox, там я получил правильные данные, как и ожидалось. Я не знаю, где я ошибся. app.js impo…
23 июл '21 в 18:45
1
ответ
Как установить многоточие при переполнении текста с помощью dangerousSetInnerHTML React?
Я пытаюсь сохранить содержимое как HTML-тег и распечатать его. Я установил его на «переполнение текста: многоточие», потому что мне нужны только краткие сведения, но это не работает. Есть ли обходной путь? const MyFeedList: IPost = MainData?.recentM…
10 сен '21 в 22:13
0
ответов
Как сделать html-react-parser более эффективным?
Сейчас мне нужно вручную использовать reacthtmlparser(var)везде мне это нужно. Потом будет сложно управлять, особенно в команде. Как я могу это сделать? <App props={props}> Array=[1,2,3] function App({props}) { Array.map({ Header:header, Image…
19 сен '21 в 19:35
2
ответа
Как конвертировать HTML-контент в обычный текст в Tailwind и postcss
Я не могу анализировать html-контент в реакции, что на самом деле является проблемой, связанной с попутным ветром и postcss, потому что я использовал тот же код для codeandbox, который отлично работает без стилизации попутного ветра CSS. Примечание:…
19 окт '21 в 16:36
0
ответов
при разборе строки HTML в React компонент таблицы исчезает в пользовательском интерфейсе
const EmailBody = () => { const htmlDoc = '<html><head>\r\n<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\"><style type=\"text/css\" style=\"display:none\">\r\n<!--\r\np\r\n\t{margin-top:0;\r\n\tm…
14 июл '22 в 13:38
1
ответ
Как преобразовать строку в узел/элемент React
Я храню список меню в своей базе данных, а вместе с ним и иконки. Проблема заключается в том, что значки являются значками MUI и сохраняются как элемент узла React. Например:<HomeIcon fontSize="small" /> Когда я визуализирую список меню, все в…
28 сен '22 в 15:33