CKEditor

Simple Editor
Show Code
This is a sample editor.
                    
        <div class="simple-editor">This is a sample editor.</div>
                    
                    
        <!-- Script -->
        <script>
        ClassicEditor
        .create( document.querySelector( '.simple-editor' ), {
        toolbar: [ 'heading', '|', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote' ],
        heading: {
        options: [
          { model: 'paragraph', title: 'Paragraph', class: 'ck-heading_paragraph' },
          { model: 'heading1', view: 'h1', title: 'Heading 1', class: 'ck-heading_heading1' },
          { model: 'heading2', view: 'h2', title: 'Heading 2', class: 'ck-heading_heading2' }
        ]
        }
        })
        .catch( error => {
        console.log(error);
        });
        </script>
                    
                  
Standard Editor
Show Code
This is a standard editor.
                    
        <div class="standard-editor">This is a standard editor.</div>
                    
                    
        <!-- Script -->
        <script>
        ClassicEditor
        .create( document.querySelector('.standard-editor'))
        .then( editor => {
        console.log(editor);
        })
        .catch( error => {
        console.error(error);
        });
        </script>