Option to set strings to `white-space: pre`
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, react
- Área
- frontend
Línea de trabajo
Comienza con la opción escapeStrings, la clase CSS .string-value y el valor y tipo de src de enableClipboard. Se considera terminado cuando se pueda admitir el espacio en blanco de las cadenas formateadas a través del componente, las cadenas copiadas conserven los saltos de línea y el tipo src documentado acepte cadenas.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Hi there! First of all, this library is excellent. I'm using it to help devs / technical folk debug a tool that, among other things, generates queries. Part of my use case is to easily see (well formatted) generated queries as part of a JSON blob.
I noticed the escapeStrings option, but setting that to false doesn't actually respect formatting in the UI. Ideally, this would cause strings to have white-space: pre or something like that set via css so that new lines and indentation are respected. This could also be a separate option, a new prop that covers this like nodeStyle, etc.
My workaround is just to set it in my css, but it would be nice to have this built in:
.react-json-view .string-value{
white-space: pre;
}
Also, I'd want the copy button to copy with these special characters respected (right now, even with my css workaround, it copies \n explicitly). I can work around this for now using the enableClipboard prop, although copy.src has the wrong type (it's object but can be a string):
<ReactJsonView
//....
enableClipboard={({ src }) => {
if (typeof src === 'string')
navigator.clipboard.writeText(
// @ts-expect-error src can be a string but is typed as object
src.replace(/\\n/g, '\n')
)
}}
/>
- Lenguaje dominante
- JavaScript
- Estrellas
- 420
- Forks
- 69
- Merge medio
- 4 h 19 min
- PR fusionados (30 d)
- 7
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
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 microlinkhq/react-json-view
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
microlinkhq/react-json-view#146 · 2 comentarios ·
-
Customize specific linesAbierto
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
microlinkhq/react-json-view#93 · 1 comentario ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
microlinkhq/react-json-view#91 · 1 reacción ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
microlinkhq/react-json-view#83 · 2 comentarios · 1 reacción ·
-
src cannot be undefined?Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 48/100
microlinkhq/react-json-view#73 · 1 comentario ·
Todos los issues de microlinkhq/react-json-view
Issues similares
-
type/bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
Update to mocha 12.xAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
rescript-lang/rescript#8996 ·
Los mantenedores suelen responder en 1 día
-
Add: Ministerstvoidey.ruAbiertocheck:passed logos:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100