Маркироды не рендерируются должным образом в моем приложении Next.js/Tailwind ⇐ Html

[Anonymous]

Я использовал вложение «Markdown-It» для рендеринга файлов разметки и отображала его в этом блоге, который я делаю. (После анализа его с помощью GreyMatter для передней панели) я отобрал содержание отметки и установил DangencySetInnerHtml на vared html. < /P>
Однако содержание веб -сайта не показывает должным образом отметки, вместо этого он показывает более похожий на открытый текст или просто ненадлежащим образом. Я консоль журнализировал рендерированный HTML примерного файла разметки, который я использовал, но отметка, кажется, также отображается должным образом, так что может быть источником этой проблемы? Для большего контекста я даже пытался загрузить зависимость Tailwindcss/typography и использовал классную «прозу», но даже тогда оно не сработало (все изображения и код, прикрепленные ниже)
my code

Код: Выделить всё

export default async function Post({params}){
const md = new MarkdownIt({
html: true,
breaks: true,
typographer: true,
})

params = await params
const post = await getPosts(params.slug);
const htmlConvert = md.render(post.content.trim())
console.log(htmlConvert)

return(




[url=https://nodeca.github.io/pica/demo/]pica[/url][/b] - high quality and fast image

resize in browser.
[*][b][url=https://github.com/nodeca/babelfish/]babelfish[/url][/b] - developer friendly

i18n with plurals support and easy syntax.

You will like those projects!
[/list]

h1 Heading 8-)
h2 Heading
h3 Heading
[h4]h4 Heading[/h4]
h5 Heading
h6 Heading
Horizontal Rules



Typographic replacements
Enable typographer option to see result.
© © ® ® ™ ™ (p) (P) ±
test… test… test… test?.. test!..

!!! ??? , – —

Как он форматирует на моей странице блога.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... ilwind-app