docs/index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>editorjs-style</title>
  </head>

  <body>
    <div id="editorjs"></div>
    <button id="button" type="button">Save</button>
    <div id="output-data"></div>

    <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest"></script>

    <!-- For demo -->
    <script src="https://cdn.jsdelivr.net/npm/editorjs-style@latest"></script>
    <!-- For developing -->
    <!--<script src="../dist/index.js"></script>-->

    <script>
      const data = {
        blocks: [
          {
            type: 'paragraph',
            data: {
              text: 'test <editorjs-style style="background-color: pink;">editorjs-style​​</editorjs-style> test',
            },
          },
        ],
      };

      const editorJS = new EditorJS({
        data,
        tools: {
          style: EditorJSStyle.StyleInlineTool,
        },
      });

      document.querySelector('#button').addEventListener('click', async () => {
        const outputData = await editorJS.save();

        document.querySelector('#output-data').textContent =
          JSON.stringify(outputData);
      });
    </script>
  </body>
</html>