0
65
VistasHaga coincidir las propiedades personalizadas de css con Regxr
Quiero hacer coincidir las propiedades personalizadas de CSS con el patrón Regxr.
Así que probé con /^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/gim que funciona bien con normal caracteres, pero cuando se trata de emoji u otros caracteres de idioma, no funciona como se esperaba.
--monster-x: purple; --monster-😃-x: red; --monster-仮-x: blue;Ejemplo:
¿Cómo puedo hacer coincidir todas las propiedades personalizadas de CSS posibles/admitidas? ¿Hay algún documento para los caracteres permitidos/no permitidos en las propiedades personalizadas de CSS?
Gracias.
1 Respuestas
Responde la pregunta0
Deberá expandir su lista de caracteres ( [] ) usando lo siguiente:
emojis
Expresión regular de JavaScript para emoji Unicode
[\u{1f300}-\u{1f5ff}\u{1f900}-\u{1f9ff}\u{1f600}-\u{1f64f}\u{1f680}-\u{1f6ff}\u{2600}-\u{26ff}\u{2700}-\u{27bf}\u{1f1e6}-\u{1f1ff}\u{1f191}-\u{1f251}\u{1f004}\u{1f0cf}\u{1f170}-\u{1f171}\u{1f17e}-\u{1f17f}\u{1f18e}\u{3030}\u{2b50}\u{2b55}\u{2934}-\u{2935}\u{2b05}-\u{2b07}\u{2b1b}-\u{2b1c}\u{3297}\u{3299}\u{303d}\u{00a9}\u{00ae}\u{2122}\u{23f3}\u{24c2}\u{23e9}-\u{23ef}\u{25b6}\u{23f8}-\u{23fa}]caracteres chinos
Cadena Javascript Unicode, carácter chino pero sin puntuación
[\u4E00-\u9FCC]La combinación de esas listas de caracteres con la existente nos dará la siguiente expresión regular:
^(\*?[-#\/\*\\\w\u{1f300}-\u{1f5ff}\u{1f900}-\u{1f9ff}\u{1f600}-\u{1f64f}\u{1f680}-\u{1f6ff}\u{2600}-\u{26ff}\u{2700}-\u{27bf}\u{1f1e6}-\u{1f1ff}\u{1f191}-\u{1f251}\u{1f004}\u{1f0cf}\u{1f170}-\u{1f171}\u{1f17e}-\u{1f17f}\u{1f18e}\u{3030}\u{2b50}\u{2b55}\u{2934}-\u{2935}\u{2b05}-\u{2b07}\u{2b1b}-\u{2b1c}\u{3297}\u{3299}\u{303d}\u{00a9}\u{00ae}\u{2122}\u{23f3}\u{24c2}\u{23e9}-\u{23ef}\u{25b6}\u{23f8}-\u{23fa}\u4E00-\u9FCC]+(\[[0-9a-z_-]+\])?)\s*> Regex 101 Demostración
