Productos » WIRIS Plugins » Documentación

Instrucciones de instalación: WIRIS plugin para TinyMCE

DESCARGAR

1 Requisitos

  • TinyMCE 2.0 o superior instalado.
  • Una licencia válida para instalar el plugin en un entorno de producción; de lo contrario, puedes utilizar el archivo descargado solo como demo.

2 Copiar archivos

Descomprime tinyMCE WIRIS Plugin y copia el directorio tiny_mce_wiris en el directorio de plugins de tinyMCE. Por ejemplo, tendrás tiny_mce/plugins/tiny_mce_wiris. El nombre del directorio de plugins de WIRIS debe ser tiny_mce_wiris.

2.1 Para servidores PHP

  1. Otorga derechos de ejecución al usuario del servidor web sobre los archivos PHP contenidos en tiny_mce/plugins/tiny_mce_wiris/integration.
  2. Otorga permisos de escritura a los directorios tiny_mce/plugins/ tiny_mce_wiris/cache y tiny_mce/plugins/tiny_mce_wiris/formulas al usuario del servidor web. Las carpetas se utilizarán para almacenar códigos MathML de fórmulas e imágenes temporales.

2.2 Para servidores ASP.NET

  1. Crea una aplicación a través del panel de control IIS con directorio raíz en tiny_mce/plugins/tiny_mce_wiris/integration.
  2. Otorga permisos de escritura a los directorios tiny_mce/plugins/ tiny_mce_wiris/cache y tiny_mce/plugins/tiny_mce_wiris/formulas al usuario del servidor web. Las carpetas se utilizarán para almacenar códigos MathML de fórmulas e imágenes temporales.

2.3 Para servidores ASP

  1. Otorga permisos de escritura a los directorios tiny_mce/plugins/ tiny_mce_wiris/cache y tiny_mce/plugins/tiny_mce_wiris/formulas al usuario del servidor web. Las carpetas se utilizarán para almacenar códigos MathML de fórmulas e imágenes temporales.

2.4 Como servlet Java

  1. Instala pluginwiris_engine.war en tu servidor de aplicaciones web Java. Por ejemplo, tomcat.
  2. Por defecto, el código javascript carga pluginwiris_engine de la raíz del servidor de aplicaciones web (/pluginwiris_engine/app). Sin embargo, si quieres almacenar pluginwiris_engine en otra ruta, debes editar estos códigos javascript.
    1. Abre tiny_mce/plugins/tiny_mce_wiris/editor_plugin.js.
    2. Cambia las variables _wrs_conf_editorPath, _wrs_conf_CASPath, _wrs_conf_createimagePath y _wrs_conf_createcasimagePath por los valores que prefieras.
    3. Guarda los cambios.

3 Configuración

3.1 En integraciones de PHP, ASP.NET y ASP

Edita tiny_mce/plugins/tiny_mce_wiris/configuration.ini para definir tus propios valores. En esta tabla se especifican todos los parámetros posibles.

3.2 En integraciones de Java

Edita WEB-INF/pluginwiris/configuration.ini para definir tus propios valores. En esta tabla se especifican todos los parámetros posibles.

Es imprescindible establecer el valor de los parámetros wiriscachedirectory y wirisformuladirectory.

4 Activa WIRIS plugin para TinyMCE en tu propia plataforma

Debes activar tiny_mce_wiris en tu lista de plugins tinyMCE (consulta la documentación de tinyMCE). También puedes incluir estos botones en tu lista de botones de tinyMCE:

  • tiny_mce_wiris_formulaEditor
  • tiny_mce_wiris_CAS

5 Comprueba que el plugin funciona correctamente

Con el fin de comprobar si WIRIS plugin se ha instalado correctamente, existe una página que hace algunos tests en tu servidor. Abre este enlace para ver dónde se encuentra tu página de test.

6 Propiedades personalizadas de WIRIS

Los parámetros que se utilizan a la hora de crear las fórmulas (color de la tipografía, color de fondo, transparencia...) son definidos en el archivo configuration.ini. Sin embargo, es posible que en ocasiones puntuales se necesite sobreescribir estos valores en tiempo de ejecución o que se deseen tener dos editores con diferentes configuraciones funcionando a la vez.

Para solucionar el problema, se ofrece la posibilidad de especificar valores de configuración para el plugin durante la inicialización de tinyMCE.

En el siguiente fragmento de código Javascript se muestran los parámetros disponibles y cómo establecer sus valores:

tinyMCE.init({
    ...

    wirisimagebgcolor: '#FFFFFF',
    wirisimagesymbolcolor: '#000000',
    wiristransparency: 'true',
    wirisimagefontsize: '16',
    wirisimagenumbercolor: '#000000',
    wirisimageidentcolor: '#000000',
    wirisformulaeditorlang: 'es'
});

7 Limpia y realiza una copia de seguridad de tu WIRIS plugin para TinyMCE

Consulta esta página.