MathType Plugin - Font preset

Volker · 1 September 2025 13:26

Hi,

we are using MathType with the OnlyOffice DocumentServer 9.0.4. We would like to preset the font inside the MathType Editor. The documentation of Wiris shows how to set the fonts inside the editor (see https://docs.wiris.com/en_US/mathtype-web-interface-features/custom-font-list).
How is it possible to set custom fonts inside the plugin? It would be great to obtain the font list directly from the DocumentServer.

Best, Volker

Document Server version: 9.0.4
Additional information:

Constantine · 2 September 2025 16:09

Hello @Volker

You can modify the source code of the plugin installed on your Document Server to add your custom fonts just like the provided documentation describes. However, MathType plugin must be installed locally on the server, not via Plugin Manager, to make this work. Please refer this documentation to find out how to install plugin locally on your Document Server:

Basically, you need to add fonts parameter with your fonts to the following line of the plugin:

github.com/ONLYOFFICE/onlyoffice.github.io

sdkjs-plugins/content/mathtype/scripts/mathtype.js

master


      
          		};
          
          		let genericIntegrationProperties = {};
          		genericIntegrationProperties.target = document.getElementById('htmlEditor');
          		genericIntegrationProperties.toolbar = document.getElementById('toolbar');
          		
          		genericIntegrationInstance = new WirisPlugin.GenericIntegration(genericIntegrationProperties);
          
          		// setting language
          		if (langs_map[window.Asc.plugin.info.lang] != undefined)
          			genericIntegrationInstance.editorParameters = { language: langs_map[window.Asc.plugin.info.lang] };
          
          		genericIntegrationInstance.init();
          		genericIntegrationInstance.listeners.fire('onTargetReady', {});
          		WirisPlugin.currentInstance = this.wiris_generic;
          
          		if (wsTelemetry.bChemisty) {
          			const A = genericIntegrationInstance.getCore().getCustomEditors();
          			A.enable("chemistry"),
          			genericIntegrationInstance.openNewFormulaEditor();
          			wsTelemetry.toolbar = 'chemistry';

Here is an example of the code with added fonts:

genericIntegrationInstance.editorParameters = {
  language: langs_map[window.Asc.plugin.info.lang],
  fonts: [
    {
      id: "DejaVu Serif",
    },
    {
      id: "Liberation Mono",
    },
  ],
};

Note: this is a simplified version of JSON with fonts, make sure to follow the structure described in the documentation you’ve provided.

Pay attention that this approach will re-write default fonts in the plugin, so you must add them manually to have both default and your custom ones.
The plugin can only use the fonts installed in your system. For instance, on Ubuntu you can check the list of installed fonts with fc-list, from there you have to take a font name (not the working .ttf file name).

Volker · 8 September 2025 12:01

Hi @Constantine ,

thank you for your quick reply. It worked out well. One further question remains:
By editing a formula as inline with MathType it will produce something like this:

The formula is placed by buttonline of the actual line. The question is now: Is it possible to set a - in this case a image - to a vertically centered inline element?

Best wishes,

Volker

Constantine · 12 September 2025 09:50

Thank you for the feedback. I am glad to know that fonts have been added successfully.

You can change wrapping style of the image from right toolbar.