Register custom formats in TinyMCE

[bjarnef]

It is possible to configure blockquote in TinyMCE to make it easier working with quotes, which often includes a <cite> element to specify the person who said the quote.
https://www.tiny.cloud/blog/blockquote-css-and-styling-in-tinymce/

"RichTextEditor": {
   "CustomConfig": {
      "style_formats": "[{\"title\":\"Paragraph\",\"format\":\"p\"},{\"title\":\"Blockquote\",\"format\":\"blockquote\"},{\"title\":\"Cite\",\"format\":\"cite\"},{\"title\":\"Code\",\"format\":\"code\"},{\"title\":\"Headers\",\"items\":[{\"title\":\"Heading h1\",\"block\":\"h1\"},{\"title\":\"Heading h2\",\"block\":\"h2\"},{\"title\":\"Heading h3\",\"block\":\"h3\"},{\"title\":\"Heading h4\",\"block\":\"h4\"},{\"title\":\"Heading h5\",\"block\":\"h5\"},{\"title\":\"Heading h6\",\"block\":\"h6\"}]}]"
   },
   "Commands": [
   {
      "Alias": "blockquote",
      "Name": "Blockquote",
      "Mode": "Selection"
    }
]

However the following shows to cite as disabled - probably because it need to be registered:

 // Register the cite format
formats: {
    cite: {block: 'cite'}
},

I can manually add the cite element in HTML and is valid, but highlighting this mark "blockquote" as selected.

[bjarnef]

I figured we can register the formats as well.

"RichTextEditor": {
    "CustomConfig": {
        "formats": "{\"cite\":{\"block\":\"cite\"}}",
        "style_formats": "[{\"title\":\"Paragraph\",\"format\":\"p\"},{\"title\":\"Blockquote\",\"format\":\"blockquote\"},{\"title\":\"Cite\",\"format\":\"cite\"},{\"title\":\"Code\",\"format\":\"code\"},{\"title\":\"Headers\",\"items\":[{\"title\":\"Heading h1\",\"block\":\"h1\"},{\"title\":\"Heading h2\",\"block\":\"h2\"},{\"title\":\"Heading h3\",\"block\":\"h3\"},{\"title\":\"Heading h4\",\"block\":\"h4\"},{\"title\":\"Heading h5\",\"block\":\"h5\"},{\"title\":\"Heading h6\",\"block\":\"h6\"}]}]"
    },
    "Commands": [
    {
        "Alias": "blockquote",
        "Name": "Blockquote",
        "Mode": "Selection"
    }
    ]
}