Trouble formatting bold/italic/underline text with capture group regex
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- javascript, react
- Domínio
- frontend
Direção de pesquisa
Comece com as duas strings fornecidas e as chamadas de substituição; depois, leia a API e a implementação de reactStringReplace para determinar como substituições sucessivas lidam com uma saída React aninhada. Reproduza os dois casos e documente ou teste o comportamento esperado para tags balanceadas e não balanceadas; a issue estará concluída quando o comportamento compatível e as limitações estiverem cobertos.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
I'm having trouble using reactStringReplace to format text with bold/italic tags. I have it set up as follows:
var text1 = "[b]Testing bold [i]and italic[/i] tags[/b]"
var text2 = "[b]Testing bold [i]and italic tags[/b][/i]"
let replaced = reactStringReplace(text1, /\[b\]([\s\S]+)\[\/b\]/g, (match, i) => {
return <b key={i}>{match}</b>
})
replaced = reactStringReplace(replaced, /\[i\]([\s\S]+)\[\/i\]/g, (match, i) => {
return <i key={i}>{match}</i>
})
// result (html)
<b>Testing [i]bold and italic[/i] tags</b>
<b>Testing [i]bold and italic tags</b>[/i]
I'm not sure if this is a problem with reactStringReplace, with the regex I'm using, or something else. If I apply the italic replace first, I get italic tags where I'd expect them to be, but the [b] tags remain unchanged. Is this use case possible using reactStringReplace or do I need to use dangerouslySetInnerHtml?
Bonus: is reactStringReplace capable of handling unbalanced tags, or improperly formatted tags as in text2 or should I be doing some pre-processing to ensure the strings are properly balanced and formatted?
- Linguagem predominante
- JavaScript
- Estrelas
- 665
- Forks
- 54
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de iansinnott/react-string-replace
-
not a replacement functionAberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
iansinnott/react-string-replace#89 · 1 reação ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 38/100
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 30/100
iansinnott/react-string-replace#64 · 2 comentários · 2 reações ·
Todas as issues de iansinnott/react-string-replace
Issues semelhantes
-
bug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
openlibhums/janeway#5604 ·
Mantenedores costumam responder em até 1 dia
-
[BUG] Generic OSC does not initialize OSC client on startup when "Listen for Feedback" is disabledAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 86/100
-
area/statement-execution TS conversion
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
scylladb/nodejs-rs-driver#584 ·
Mantenedores costumam responder em até 2 dias
-
新讀者走讀回報，照著一篇文章實際操作Abertadocumentation good first issue help wanted
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 92/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 69/100
Mantenedores costumam responder em até 3 dias