tailwindcss/typography integration
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, tailwindcss, typescript
Línea de trabajo
Start by reproducing the provided MarkdownPreview example with Tailwind CSS and inspect how the rendered heading styles are applied and overridden. Compare the result with the manually authored HTML and another markdown editor; done should establish whether CSS-framework styles can be supported and document the resulting integration guidance.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I could not integrate Tailwind CSS with MarkdownPreview.
I am trying to provide a style from TailwindCSS for each heading. It works fine when add the html manually or another markdown editor, but when it is provided via MarkdownPreview, I realised MarkdownPreview style overrides what I am trying to achieve.
Is there any way of handling styles from CSS frameworks?
<article className="prose prose-h2:text-xl prose-h2:font-medium prose-h2:text-gray-900">
<MarkdownPreview
source={`## h2`}
wrapperElement={{
"data-color-mode": "light",
className: "prose prose-h2:text-xl prose-h2:font-medium prose-h2:text-gray-900"
}}
rehypeRewrite={(node, index, parent) => {
if (node.tagName === "a" && parent && /^h(1|2|3|4|5|6)/.test(parent.tagName)) {
parent.children = parent.children.slice(1)
}
}} />
</article>
- Lenguaje dominante
- TypeScript
- Estrellas
- 350
- Forks
- 54
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de uiwjs/react-markdown-preview
-
Mermaid zoom-in/zoom-out button?Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 62/100
uiwjs/react-markdown-preview#292 ·
-
Error when evaluating SSR module virtual:react-router/server-build: Unknown file extension ".css"Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 30/100
uiwjs/react-markdown-preview#288 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 25/100
uiwjs/react-markdown-preview#287 · 1 comentario ·
-
Bundle too heavy?Abierto
Dificultad 4/5 3-5 días Aptitud para principiantes 25/100
uiwjs/react-markdown-preview#286 · 1 comentario ·
-
Strikethrough Error!Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 45/100
uiwjs/react-markdown-preview#284 · 1 comentario ·
Todos los issues de uiwjs/react-markdown-preview
Issues similares
-
nextjs-tracking
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
cloudflare/vinext#3887 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 86/100
apache/rocketmq-dashboard#6331 ·
Los mantenedores suelen responder en 5 días
-
bug cache clinical-safety P1-critical
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
juspay/blend-design-system#1788 ·
Los mantenedores suelen responder en 1 día
-
[Analytics] Add Focus Time-Block Efficiency Ratio Calculator in src/lib/focus/efficiency-ratio.tsAbiertoanalytics beginner friendly community contributions-welcome enhancement good first issue hacktoberfest help wanted up-for-grabs
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día