How to filter content without creating a ckeditor instance

I have a requirement to filter some html, to ensure that it passes a tag and attribute white list before it is displayed. (It comes from a third party via a js postMessage so this can't be done server side.)

I already have CKeditor in use and it has this ability via the allowedContent config setting.

I'm planning to use this ability, only I want to do it without instantiating the visible editor (hidding isn't an option as it would still cause a lot of slowdown.)

I realise this is not using CkEditor as intended, but I was hoping someone could point me to right part of the source to get me started. (I'm building from the dev version. 4.4.x)

Wed, 10/29/2014 - 09:16

systemic_plural

Joined: 15/10/2014

Posts: 5

Found it

The relveant file is /core/filter.js

Here is an example of how to use it.

var html_to_test = 'test';
var ck_rules = 'p';
var ck_filter = new CKEDITOR.filter(ck_rules);
var ck_fragment = CKEDITOR.htmlParser.fragment.fromHtml(html_to_test);
var ck_writer = new CKEDITOR.htmlParser.basicWriter();
ck_filter.applyTo(ck_fragment);
ck_fragment.writeHtml(ck_writer);
ck_writer.getHtml();
console.debug(ck_writer.getHtml()); // prints test