• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

150
Views
área de texto con resaltado y palabras en las que se puede hacer clic en React JS

Soy nuevo en React (no tengo tanta experiencia con la interfaz en general). Estoy buscando una solución para mi corrector ortográfico simple en el que quiero enviar un formulario con un área de texto y resaltar las palabras incorrectas, que pueden pasar el cursor para mostrar una sugerencia de corrección.

Probé el componente 'react-highlight-within-textarea', pero solo resalta las palabras y parece tener algunos errores al mover el cursor y escribir más palabras.

He probado el siguiente código en un área de texto normal:

 const handleSelect = () => { const selection = window.getSelection(); if (!selection.toString()) return; const edt = editorRef.current; const { selectionStart, selectionEnd } = edt; setSelected({ start: selectionStart, end: selectionEnd, text: selection.toString() }); };

Este código me da la palabra en la que se hizo clic, pero el área de texto no es compatible con HTML, por lo que no puedo resaltar ninguna palabra. También solo funciona cuando se hace doble clic (no entiendo por qué). Además, no sé cómo hacer el comportamiento de desplazamiento ya que no parece existir ningún evento para manejar ese tipo de comportamiento.

¿Alguien tiene alguna idea sobre cómo lograr el comportamiento deseado?

almost 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error