Good afternoon.
We use CKEditor in our application extensively and have not been able to record adding text to the editor. We are able to select the buttons on the header bar of the editor. Any action inside the text area is not registered by the recorder.
If we look at the code we see that the text are is found inside an IFrame, while the header section is outside the IFRAME.
We only use the recoder.
Any help on how to record adding text into the editor would be highly appreciated.
<div class="cke-notes form-row">
<label>
<span class="field-title" data-bind="text: lang.planner.notes.label">Card Notes</span>
<textarea data-bind="ckeditor: notes, value: card.notes" style="visibility: hidden; display: none;"></textarea>
<div id="cke_editor1" class="cke_54 cke cke_reset cke_chrome cke_editor_editor1 cke_ltr cke_browser_gecko" lang="en" role="application" dir="ltr">
<div class="cke_inner cke_reset" role="presentation">
<span id="cke_54_top" class="cke_top cke_reset_all" style="height: auto; -moz-user-select: none;" role="presentation">
<div id="cke_54_contents" class="cke_contents cke_reset" role="presentation" style="height: 200px;">
<iframe class="cke_wysiwyg_frame cke_reset" frameborder="0" src="" style="width: 100%; height: 100%;" tabindex="0" allowtransparency="true">
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<body class="cke_editable cke_editable_themed cke_contents_ltr cke_show_borders" contenteditable="true" spellcheck="false">
</html>
</iframe>
</div>
</div>
</div>
</label>
</div>
Best regards,
Carlos