Configure the editor

This steps assumes you already have a configured instance of Fonto Editor. If you do not already have an editor instance configured, please refer to the Fonto Editor Guides to get started.

This article guides you through the process of integrating Fonto Content Quality in an instance of Fonto Editor.

  1. Install the fontoxml-content-quality add-on:Add the fontoxml-content-quality package to your editor.

  2. (Optional) Install the fontoxml-content-quality-languagetool add-on:Add the fontoxml-content-quality-languagetool package to your editor.

  3. (Recommended) Add the following element to the review section of your masthead:

    JavaScript

    <FxOperationButton
    	operationName="toggle-content-quality"
    />
  4. (Optional) Add the configuration to your config/configuration.js:

    JavaScript

    configurationManager.set('content-quality-configuration', {});

    See the documentation for the available configuration properties. This includes configuration for the language, schema, and visuals.

  5. Configure the Fonto Content Quality Server URL to use, by specifying a proxy for Fonto Content Quality in your CMS's routing/endpoints (or in config.json for fontoxml-dev-server), for example https://content-quality-app.company.com

    JavaScript

    {
    	"scope": {
    		"documentIds": ["content-quality.xml"]
    	},
    	"proxy": {
    		"content-quality": "http://localhost:6000"
    	}
    }
  6. (Optional) Implement custom annotation types.

  7. Build & Start Fonto Editor to verify it starts without errors.