Quiero reemplazar todos los signos ® en mi sitio web por un <sup>®</sup> con JavaScript. Pero tengo que preocuparme de que solo los reemplace si ya no hay soporte que los rodee (tal vez de los usuarios de CMS).
Ya probé lo siguiente pero no funciona bien.
html.replace(/(?<!<sup>.{0,})®(?!.{0,}<\/sup>)/g, "<sup>®</sup>")
Solo se preocupa por la etiqueta </sup> y no funciona en Safari debido a un "nombre de especificador de grupo no válido". Tal vez alguien aquí me puede ayudar con esto.
Podría usar un reemplazo de expresiones regulares con una alternancia y devolución de llamada:
var input = "Hello ® and also <sup>®</sup>"; var output = input.replace(/<sup>®<\/sup>|®/g, (x) => x === "<sup>®</sup>" ? x : "<sup>®</sup>"); console.log(output); La lógica de alternancia primero intenta ansiosamente encontrar ocurrencias <sup>®</sup> . En su defecto, también intenta encontrar cualquier otra ocurrencia de ® . Luego, en la devolución de llamada, envolvemos con etiquetas <sup> solo si aún no están envueltos.