Saltar al contenido
NeoMath Web

NeoMath dentro de tu editor web.

Un botón en la barra del editor abre la ventana de NeoMath. La ecuación entra nítida y un doble clic la reabre para editar.

CKEditor 5, TipTap, CKEditor 4, TinyMCE, Quill, Summernote, Jodit y áreas editables

El problema

Las plataformas de enseñanza todavía escriben mal las matemáticas

  • La ecuación se vuelve una imagen suelta

    Quien pega una figura no puede corregir un símbolo después.

  • Sin texto alternativo

    Los lectores de pantalla no entienden la ecuación, y los alumnos quedan fuera.

  • Aspecto distinto en cada pantalla

    La fuente cambia de navegador en navegador, y la ecuación pierde el acabado.

Docentes que desisten de escribir matemáticas en la plataforma.

NeoMath Web cambia eso: ecuación nítida, editable y accesible en cualquier editor.

La solución

Hecho para plataformas de enseñanza y de contenido

Insertar y editar

Un clic para insertar, dos para editar

La ventana trae vista previa en vivo, línea de LaTeX, modelos listos y una paleta con búsqueda y diez grupos de símbolos. Tab salta entre los espacios, Ctrl+Enter confirma y Esc cancela.

  • El doble clic reabre y actualiza la misma imagen
  • Botón de química en CKEditor 5 y TipTap
  • Fuente propia: igual en cualquier navegador
Accesible

La ecuación viaja con su propio código

Cada imagen tiene texto alternativo para lectores de pantalla y se puede editar de nuevo con un doble clic. Los ajustes de fuente dejan el aspecto igual al del resto de la plataforma.

  • Texto alternativo para lectores de pantalla
  • Alineación por la línea base
  • Ajustes Estándar, Calibri, Arial y Courier
editor.js
import NeoMath from "./neomath-web/index.js";

NeoMath.config.tema = "auto";

NeoMath.inserir((img) => editor.inserirImagem(img));
NeoMath.vigiar(areaEditavel, { aoAtualizar, aoEditar });
Editores

Probado en los editores más usados

  • CKEditor 5

    Complemento oficial con widgets y comandos de matemáticas y química.

  • TipTap

    Extensiones de matemáticas y química, con tipos de TypeScript.

  • TinyMCE

    Botón en la barra y preservación de los atributos de la ecuación.

  • CKEditor 4

    Comando y botón en la barra, inserción directa en el HTML.

  • Quill

    Botón propio para insertar ecuaciones.

  • Summernote

    Botón personalizado en la barra.

  • Jodit

    Botón extra en la barra del editor.

  • Área editable

    Funciona en cualquier área editable con dos llamadas.

Especificaciones

Ficha técnica

Entrega
Módulo JavaScript con adaptadores por editor
Resultado
Imagen nítida, editable con doble clic
Accesibilidad
Texto alternativo para lectores de pantalla
Temas
Claro, oscuro o automático
Idiomas
Español, portugués e inglés

Preguntas frecuentes

¿Necesito un servidor para usar NeoMath Web?

Depende de la forma de implantación elegida para tu plataforma. Un especialista de Neo te ayuda a definir la mejor opción para tu entorno.

¿El editor necesita alguna configuración especial?

Casi nunca. En algunos editores, como TinyMCE, hay que habilitar la imagen en la configuración, y la documentación muestra cómo.

¿Los alumnos pueden editar la ecuación después?

Pueden. Quien tiene el editor con NeoMath Web hace doble clic en la imagen, la ventana se abre con el código y se actualiza la misma imagen.

Pon NeoMath en tu plataforma

Habla con un especialista sobre el editor que usan y el volumen de usuarios.