JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<textarea id="text"></textarea>
<script src="//cdn.ckeditor.com/4.5.7/standard/ckeditor.js"></script>
</body>

JavaScript

CKEDITOR.stylesSet.add('contact', [
    // Block Styles
    {
        name: 'Black text',
        element: 'p',
        styles: {'color': '#000'},
        attributes: {'class': 'black'}
    },
    {
        name: 'Gray text',
        element: 'p',
        styles: {'color': '#7f7f7f'},
        attributes: {'style': 'color: #7f7f7f'}
    },
    {
        name: 'Info Tel',
        element: 'p',
        styles: {'color': '#000', 'fint-size': '36px'},
        attributes: {'class': 'black f36'}
    },
    {
        name: 'Note',
        element: 'p',
        styles: {'color': '#7f7f7f'},
        attributes: {'class': 'light-gray fonbeginingnotworking'}
    },
    {
        name: 'Note2',
        element: 'p',
        styles: {'color': '#7f7f7f'},
        attributes: {'class': 'fonbeginingnotworking light-gray'}
    }
]);
CKEDITOR.replace('text', {
  language: 'pl',
  height: 300,
  stylesSet: 'contact'
});