Add customizable labels for blockTypes

[Amitom]

Hi Jyoti,

I will try, step by step, to add "translations" capabilities in the components. First : blockType displayNames :)

[space11]

@Amitom Hi, Im struggling when try to use custom labels for blockTypes. Is there any manual on that feature ?
Thanks.

[space11]

I tried to use displayNames property but with no joy.

const documentEditorToolBarOptions = {
  options: [
    'inline',
    'blockType',
    'list',
    'colorPicker',
    'link',
    'image',
  ],
  blockType: {
    inDropdown: true,
    options: [
      'Normal',
      'H1',
      'H2',
      'H3',
      'H4',
      'H5',
      'H6',
      'Blockquote',
    ],
    displayNames: [
      { label: 'Normal', displayName: 'Normal', style: 'unstyled' },
      { label: 'H1', displayName: 'Heading 1', style: 'header-one' },
      { label: 'H2', displayName: 'Heading 2', style: 'header-two' },
      { label: 'H3', displayName: 'Heading 3', style: 'header-three' },
      { label: 'H4', displayName: 'Heading 4', style: 'header-four' },
      { label: 'H5', displayName: 'Heading 5', style: 'header-five' },
      { label: 'H6', displayName: 'Heading 6', style: 'header-six' },
      { label: 'Blockquote', displayName: 'Blockquote', style: 'blockquote' },
    ],
    className: undefined,
    component: undefined,
    dropdownClassName: undefined,
  },
};
 

[Amitom]

Hi @space11 , this feature disappeared with translations support, search for "translation" in this page to know how to change locale.

[space11]

@Amitom Thanks man.