Instrucciones de instalación: WIRIS plugin para Cute Editor

DESCARGAR

1 Requisitos

• Cute Editor para .NET 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 Cute Editor WIRIS plugin y copia el directorio cuteeditor_wiris en la carpeta de tu Cute Editor. El nombre del directorio de plugins de WIRIS debe ser cuteeditor_wiris.

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

3 Activa WIRIS plugin para Cute Editor en tu propia plataforma

1. Añade esta linea de código HTML en la sección head
   <script type="text/javascript" src="CuteSoft_Client/CuteEditor/cuteeditor_wiris/core/core.js"></script>
   
   y la siguiente despues de <CE:Editor id="Editor1" runat="server" />
   <script type="text/javascript" id="wirisScript" src="CuteSoft_Client/CuteEditor/cuteeditor_wiris/cuteeditor.js"></script>
   
   Si esta usando un botón para enviar los datos en lugar que el botón para guardar en la barra de herramientas de Cute Editor añade la función submitForm(); en el atributo onclick u onclientclick.
   
   onclick="submitForm();"
   onclientclick="submitForm();"
    
2. Añade el contenedor de botones siguiente en el fichero .config utilizado para la configuración de los botones que se encuentra en CuteSoft_Client\CuteEditor\Configuration\AutoConfigure
   
   <item type="g_start" />
   <item type="holder" name="wirisbuttons" />
   <item type="g_end" />
    
3. Para añadir los botones de Wiris en la barra de los botones de Cute Editor hay que modificar el Code file de la pagina que contiene el editor. Añade en la función Page_Load el codigo siguiente teniendo en cuenta que Editor1 es el id del editor.
   
   //If null, default browser language is chosen.
   //change if you need a particular language. e.g. it-IT, es-ES
   string currentLanguage = null;
   
   CuteEditor.ToolControl tc = Editor1.ToolControls["wirisbuttons"];   
   if(tc!=null)   
   {      
       //Add Wiris buttons
       System.Web.UI.WebControls.Image Image1 = new System.Web.UI.WebControls.Image ();  
       Image1.ToolTip    = "WirisEditor";  
       Image1.ImageUrl    = "CuteSoft_Client/CuteEditor/cuteeditor_wiris/core/icons/formula.gif";  
       Image1.CssClass    = "CuteEditorButton";  
       SetMouseEvents(Image1);  
       Image1.Attributes["onclick"]="CuteEditor_GetEditor(this).ExecCommand('WirisEditor')";  
       tc.Control.Controls.Add(Image1);
       System.Web.UI.WebControls.Image Image2 = new System.Web.UI.WebControls.Image ();  
       Image2.ToolTip    = "WirisCAS";  
       Image2.ImageUrl    = "CuteSoft_Client/CuteEditor/cuteeditor_wiris/core/icons/cas.gif";  
       Image2.CssClass    = "CuteEditorButton";  
       SetMouseEvents(Image2);  
       Image2.Attributes["onclick"]="CuteEditor_GetEditor(this).ExecCommand('WirisCAS')";  
       tc.Control.Controls.Add(Image2);
   }      
   
   if (currentLanguage != null){
       Editor1.CustomCulture = currentLanguage;
   }else{
       currentLanguage = Page.Request.UserLanguages[0];
   }
   var scriptTag = new HtmlGenericControl {TagName = "script"};
   scriptTag.Attributes.Add("type", "text/javascript");
   scriptTag.InnerText = "var currentLanguage ='" + currentLanguage + "';";
   this.Page.Header.Controls.Add(scriptTag);
   
   y la función suguiente si todavía no existe.
   
   void SetMouseEvents(WebControl control)
   {
       control.Attributes["onmouseover"]="CuteEditor_ButtonCommandOver(this)";
       control.Attributes["onmouseout"]="CuteEditor_ButtonCommandOut(this)";
       control.Attributes["onmousedown"]="CuteEditor_ButtonCommandDown(this)";
       control.Attributes["onmouseup"]="CuteEditor_ButtonCommandUp(this)";
       control.Attributes["ondragstart"]="CuteEditor_CancelEvent()";
   }

4 Configuración

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

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 Limpia y realiza una copia de seguridad de tu WIRIS plugin para Cute Editor

Consulta esta página.