prgfx/neos-textpartlanguage

Neos package to integrate the ckeditor5-language plugin into the CKEditor to allow tagging content for specific languages

Maintainers

Details

github.com/PRGfx/Prgfx.Neos.TextPartLanguage

Source

Issues

Installs: 1 397

Dependents: 0

Suggesters: 0

Security: 0

Stars: 2

Watchers: 2

Forks: 0

Open Issues: 2

Language:JavaScript

Type:neos-package

v0.3.0 2023-02-20 12:55 UTC

Requires

GPL-3.0-or-later a52bc5ccc771b00f47aee798564f0f97ef095165

Neosneoscmsckeditor5ckeditor5-language

This package is auto-updated.

Last update: 2024-12-20 16:42:01 UTC

README

Version

Prgfx.Neos.TextPartLanguage

This package allows editors to tag selected text with a language, helping assistive technology with pronunciation, implementing the WCAG 3.1.2 Language of Parts specification.

composer require prgfx/neos-textpartlanguage

This plugin is based on @ckeditor/ckeditor5-language, making the necessary adaptations to use it with the Neos backend.

Screenshot of the plugin in the Neos backend

Usage

Enable it for a node property:

'Neos.Demo:Content.Text':
  properties:
    text:
      ui:
        inline:
          editorOptions:
            textLanguages: true

Or set specific properties:

'Neos.Demo:Content.Text':
  properties:
    text:
      ui:
        inline:
          editorOptions:
            textLanguages:
              languages:
                de: German
                en: My.Package:Main:textLanguages.languages.en
                fr: French
                gr: ~
              placeholder: My.Package:Main:textLanguages.placeholder

Configuration

By default, this plugin provides the system-languages configured in Neos.Neos.userInterface.availableLanguages, but different default values can be set at Neos.Neos.Ui.frontendConfiguration.'Prgfx.Neos.TextPartLanguage:languages'.

Appearance

In the backend this plugin underlines all marked text-elements through a stylesheet included in prototype(Neos.Neos:Page).head.stylesheets.textPartLanguage which you might disable, if you don't require it or want to apply custom styling.