Skip to main content

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.