Почему функция keyup не работает в CKEDITOR? - PullRequest
Новая
       29

Почему функция keyup не работает в CKEDITOR?

1 голос
/ 16 февраля 2020

В моем приложении у меня есть текстовая область, и я обрабатываю ее с помощью редактора ck. Я пытаюсь вызвать функцию keyup в редакторе ck и распечатать текст на консоли при условии, есть ли у него ввод или нет. Но это не работает, как я ожидал, и я не могу найти ошибку, поскольку она по крайней мере не печатает никаких ошибок на консоль. Кроме того, я хочу получить только текст из редактора ck (кроме пробелов) в переменную editorInput. Я вставляю свой код здесь, пожалуйста, кто-нибудь изучит это, исправит мою ошибку и модифицирует ее, чтобы получить только текст. Заранее спасибо.

CK Editor 

<div class="form-group {{ $errors->has('template_content') ? 'has-error' : '' }}">
    {{ Form::label('template_content', 'Template Content') }}
    {{ Form::textarea('template_content', null, array('class' => 'form-control', 'id' => 'ckeditor', 
    'name' => 'ckeditor', 'required', 'data-error="Template content is required"')) }}
    {!! $errors->first('template_content', '<span class="help-block">:message</span>') !!}
    <div class="help-block with-errors"></div>
</div>

Функция Keyup 

$(document).ready(function () {
        CKEDITOR.instances.ckeditor.on('key', function() {
            var editorInput = CKEDITOR.instances["ckeditor"].getData();
            if(editorInput == '') {
                console.log('no-content');
            } 
            else {
                console.log('has-content');
            }
        });
    });

1 Ответ

1 голос
/ 16 февраля 2020

вот пример с js. 

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>CKEditor</title>
                <script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>
        </head>
        <body>
                <textarea name="editor1"></textarea>
                <script>
                        CKEDITOR.replace( 'editor1' );
                </script>
        </body>
</html>
...