Потеря фокуса в CKEditor после использования jQuery для вставки содержимого - PullRequest
0 голосов
/ 10 июля 2020



Я использую CKEditor для редактирования некоторых комментариев на странице моей статьи. Когда я нажимаю кнопку «Изменить», появляется модальное окно с полем CKEditor. Я использую jQuery, чтобы «скопировать-вставить» содержимое начального комментария, чтобы теперь пользователь мог его редактировать.
Проблема здесь, содержимое вставлено в CKEditor, но фокус теряется, и я могу не нашел способа изменить текст.

Это мой вид ветки:

{% if comment.user == app.user %}
    <div class="col-12 mt-3">
        <div class="row justify-content-center justify-content-lg-end">
            <div class="col-10 col-lg-4">
            <!-- Button trigger modal -->
                <button id="editBtn-{{ comment.id }}" data-id="{{ comment.id }}" type="button" class="editBtn btn btn-warning w-100" data-toggle="modal" data-target="#modalCenter">
                <i class="fa fa-pencil-square-o fa-lg mr-2" aria-hidden="true"></i>Éditer
                </button>
            </div>
        </div>
    </div>
{% endif %}

Это мой jQuery:
$('.editBtn').click(function() {  
    let commentId = "#comment-" + $(this).data("id");
    let editComment = $(commentId).html();
    $('#cke_2_contents ').html(editComment);
});

1 Ответ

0 голосов
/ 11 июля 2020

Я понял, как это исправить:

$('#cke_2_contents').attr("contenteditable", true);

Добавление этого атрибута сделало свою работу!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...