[Question]: I cannot get the simple example working

I suggest you clone one of the examples using Git and run it using NPM commands included in the project. In your example above I would check the paths to grapes.min.css and grapes.min.js files - make sure you do not get 404 - Not found.

Try with this instead

<link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css
">
<script src="https://unpkg.com/grapesjs"></script>
<div id="gjs"></div>
<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      components: '<div class="txt-red">Hello world!</div>',
      style: '.txt-red{color: red}',
  });
</script>

Okay, I am building a CMS using JSF 2.2 and I cannot get a simple example working in the web application. But if I test an example using a simple file and browser I can get it to work. Has anyone had any experience using grapsejs with JSF? I cannot get an simple example to work in a JSF environment. Any advice is very appreciated because grapesjs is an excellent project that I'd love to use.