cómo solucionar el problema de la política de seguridad de contenido causado por el valor del editor react-draft-wysiwyg que tiene un estilo en línea después de la implementación y los estilos no se le aplican, debido al problema. Como arreglarlo.
La solución del problema depende de lo que dijo CSP en el mensaje de infracción. Puede haber 3 tipos de estilos en línea y cada uno tiene sus propios detalles.
La forma más fácil es encontrar dónde la aplicación React publica el CSP (debe ser una etiqueta meta) y agregar 'unsafe-inline' a la directiva style-src .
Esto le permite solucionar el problema con los tres tipos de estilos en línea.
Lo más probable es que la metaetiqueta con CSP sea publicada por un complemento como react-static-plugin-csp-meta-tags , react-csp o react-helmet . Descúbralo y agregue 'unsafe-inline' a la directiva style-src , pero no a default-src porque en caso de ausencia de script-src , esto permitirá la ejecución de scripts en línea que no son seguros.
Algunos complementos, por ejemplo, react-static-plugin-csp-meta-tags , permiten codificar estilos en línea como <style>...</style> . En este caso, puede evitar usar 'unsafe-inline' y usar un 'hash-value' si este bloque <style> no se cambia de vez en cuando.