en contenteditable, los enlaces no funcionan, por lo que creo que la mejor solución es al menos poder seleccionar una URL completa con uno o dos clics cuando el cursor está en cualquier parte de la URL, luego hacer clic derecho y ir al sitio ¿Hay una solución javascript para esto, algo similar a la pulsación prolongada, selección y pegado del teléfono Android?
<div contenteditable="true">some text here, then the complete url https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 but i just want to select the url with one or two clicks, how? </div>
contentable:
un poco de texto aquí, luego la URL completa https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 pero solo quiero seleccionar la URL con uno o dos clics , ¿cómo?Puede reemplazar las cadenas de URL con anchor tags y adjuntar un oyente onclick para navegar a la URL al hacer clic:
text.innerHTML = text.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`); [...text.children].forEach(a => a.onclick = (e) => window.open(a.href)) text.onblur = e => { e.target.innerHTML = e.target.textContent.replace(/https*:\/\/[^\s]+/gmi, (match) => `<a style="cursor:pointer" href="${match}">${match}</a>`); [...text.children].forEach(a => a.onclick = (e) => window.open(a.href)) } <div id="text" contenteditable="true">some text here, then the complete url https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 i just want to select the url with one or two clicks, how? Another url here: https://gizmodo.com/e-ink-kaleido-3-gallery-3-foldable-color-e-readers-1848842166 </div>( Se impide la navegación en el iframe del fragmento, pero debería funcionar en una ventana normal )