Получение значение с textarea CKEditor

не могу получить текст с CKEditor с поля textarea. У меня есть подключенный в head CDN <script src="https://cdn.ckeditor.com/ckeditor5/34.2.0/classic/ckeditor.js"></script>

Далее разметка :

    <form id="compose_form" method="post">
<div id="editor">

    <textarea id="editor" name="editor1" class="editor1" >This is sample text</textarea>
</div>
<button name="add_post" id="createPostBtn"  class="btn btn-primary" type="submit"  >Добавить запись</button>
</form>

Скрипт через который я пытаюсь получить значение textarea :

<script>
    ClassicEditor
        .create( document.querySelector( '#editor' ) )
        .then( editor => {
            console.log( editor );
        } )
        .catch( error => {
            console.error( error );
        } );



    $(document).ready(function (){
        $('#createPostBtn').on('click',function (event){
            event.preventDefault();
            CKEDITOR.replace( 'editor1' );

            var editorText = CKEDITOR.instances.editor1.getData();
            console.log(editorText);
        });
    });

</script>

При нажатии на кнопку в консоли ошибка Uncaught ReferenceError: CKEDITOR is not defined Что я не так делаю ? Почему ошибка и правильно ли написан код для получения значения с textarea ? Собираюсь потом аяксом отправлять в пхп обработчик