¿Cómo escapo de una sola cita?

188

¿Cómo puedo escapar de una '(comilla simple) en JavaScript?

Aquí es donde estoy tratando de usarlo:

<input type='text' id='abc' value='hel'lo'>

El resultado para el código anterior es "hel" poblado en el cuadro de texto. Traté de reemplazar 'con \', pero esto es lo que estoy obteniendo.

<input type='text' id='abc' value='hel\'lo'>

El resultado para el código anterior es "hel \" poblado en el cuadro de texto.

¿Cómo puedo escapar con éxito de las comillas simples?

html escaping

— Ravi
fuente

Hola Ravi, esta es más una pregunta html. Volví a etiquetar la pregunta como HTML, pero es posible que desee cambiar eso en su pregunta.

— Benjamin Manns

358

Podrías usar entidades HTML:

' para '
" para "
...

Para obtener más información, puede consultar las referencias de entidades de caracteres en HTML .

— Pascal MARTIN
fuente

39

¿Por qué se deben usar comillas dobles para los valores de los atributos?

— Gumbo

55

@Pascal MARTIN: XML también permite comillas simples para valores de atributos. (Ver w3.org/TR/xml/#NT-AttValue )

— Gumbo

44

@Gumbo: ¡wooo! No creo haber visto ningún documento XML que utilizara valores de atributos de comillas simples; así que no pensé que esto fuera realmente válido; Simplemente (una vez más) aprendí algo al responder una pregunta; entonces, gracias por esos comentarios!

— Pascal MARTIN

55

Sé que esto es viejo, pero creo que vale la pena señalar que hay una entidad HTML para ":"

— daiscog

1

@Pascal, el validador w3c muestra que las comillas simples son válidas para los atributos. Y vea stackoverflow.com/questions/2210430/…

— ChrisJJ

62

Puede usar '(que es dudoso en IE) o '(que debería funcionar en todas partes). Para obtener una lista completa, consulte las referencias de caracteres con nombre HTML5 W3C o la tabla de entidades HTML en WebPlatform.org .

— Benjamin Manns
fuente

Wow, ha pasado un tiempo desde que escribí esto. Gracias por atraparlo. He actualizado los enlaces a dos tablas en W3C y WebPlatform.org.

— Benjamin Manns

Funcionan "en todas partes", excepto en los atributos de expresión VXML <var> donde es necesario escapar más, ya que en VXML <var> se indica un valor de variable de cadena como comillas simples dentro de las comillas dobles normales de las definiciones de atributos: <var name = "myvar" expr = "'hel \ & apos; lo'" />

— Steve Cohen

9

Como se encuentra en el contexto de HTML, debe usar HTML para representar ese carácter. Y para HTML necesita usar una referencia de caracteres numéricos ' ( 'hexadecimal):

<input type='text' id='abc' value='hel&#39;lo'>

— Gumbo
fuente

pero yo no entendía lo que quiere usted decir con context of html?

— coding_idiot

@coding_idiot Eche un vistazo a los diferentes tokens que un analizador HTML puede encontrar durante el proceso de análisis . Cada estado tiene un conjunto diferente de reglas de análisis que se activan en función de la entrada. No todos los estados permiten referencias de caracteres. Ahora, si observa el valor del atributo (entre comillas simples) , puede ver que a &denota el comienzo de una referencia de caracteres.

— Gumbo

7

Representarlo como una entidad de texto (ASCII 39):

<input type='text' id='abc' value='hel&#39;lo'>

— AndiDog
fuente

6

Probablemente la forma más fácil:

<input type='text' id='abc' value="hel'lo">

— carretera242
fuente

-1

Puedes intentar usar: 

— el perdido
fuente

-1

use las funciones de JavaScript inbuild escape y unescape

por ejemplo

var escapedData = escape("hel'lo");   
output = "%27hel%27lo%27" which can be used in the attribute.

again to read the value from the attr

var unescapedData = unescape("%27hel%27lo%27")
output = "'hel'lo'"

Esto será útil si tiene enormes datos json stringify para usar en el atributo

— Ram Bharlia
fuente

escapeNo es unicode seguro. La especificación desaconseja su uso.

— Quentin