¿Cómo detecto que el usuario ingresa una cadena similar a una URL en un componente editable y lo envuelvo con una etiqueta especial como lo hace Discord?

La cadena de destino parece:

 This is a test https://www.google.com/

y detectar reemplazar debería ser como:

 This is a test <span class="highlight">https://www.google.com/</span>

Y este reemplazo no debería bloquear la entrada del usuario