Quelltext betrachten

'''Sample-Implementation: Classic-Version'''<br>
<html>
        <style>
            #container {
                width: 1000px;
                margin: 20px auto;
            }
            .ck-editor__editable[role="textbox"] {
                /* editing area */
                min-height: 200px;
            }
            .ck-content .image {
                /* block images */
                max-width: 80%;
                margin: 20px auto;
            }
        </style>
  <div id="editor"></div>
  <script src="https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.js"></script>
  <script>
    ClassicEditor
      .create( document.querySelector( '#editor' ) )
      .then( newEditor => { editor = newEditor; } )
      .catch( error => { console.error( error ); } );
    function BtnGetDataOnClick(e) {
      const editorData = editor.getData();
      document.getElementById('CKData').innerHTML = editorData;
    }
  </script>
  <button id="CKGetData" type="button" onclick="BtnGetDataOnClick(this)">GetData</button><br>
  <div id="CKData">...</div>
</html>