Embedded editors

Embedded editors like CKEditor, often make use of contenteditable elements, which are challenging for CloudQA to interact directly.

Fortunately, CKEditor (and most other editors) provide a JavaScript API for interacting. This means you can add a javascript step and execute to interact with the editor

CKEditor

CKEDITOR.instances[<fieldname>].setData("This is sample text.");

Kendo UI Editor

$("<Element css selector>").data("kendoEditor").value("This is sample text.");

TinyMCE

tinyMCE.activeEditor.setContent("This is sample text.");

NOTE: These examples generally let most users accomplish what they need to, though you will need to experiment with it. We recommend keeping interactions inside of embedded editors to a minimum in order to avoid complexity.