Construí la aplicación React con Sanity Studio, tengo un editor de texto personalizado en Sanity Studio para tener bloques de código. Instalé el complemento LaTex y Table de la documentación de Sanity. A continuación he añadido los bloques:
{ name: 'Table', title: 'Size Chart', type: 'table', // Specify 'table' type }, { type: 'image', options: {hotspot: true}, }, { type: 'latex', title: 'Inline math' }, { type: 'latex', name: 'anotherAuthor', title: 'Math block' }, { type: 'code' }
Esto da como resultado poder agregar Code / LaTex / y tablas en Sanity Studio. Para la interfaz de reaccionar, creé un tipo de serializador para el código:
const serializers = { types: { code: (props) => ( <SyntaxHighlighter language={props.node.language} style={coldarkDark} showLineNumbers lineNumberStyle={{ padding: "0 5px 0 0", fontSize: 14, borderRight: "1.5px solid darkgray", marginRight: "10px", }} > {props.node.code} </SyntaxHighlighter> ), } };
Esto da como resultado que aparezca la sintaxis para los bloques de código cuando ejecuto la aplicación en el lado de Reach, sin embargo, no puedo averiguar cómo declarar correctamente los serializadores para LaTex o Table y actualmente aparecen en blanco en mi sitio. ¿Algunas ideas?