Hi there,
I'm really new to CKEditor. I searched about this topic, but I didn't find any answer for my question I have.
At first: I'm using latest version of CKEditor with it's jQuery Adapter.
I add a CKEditor by using this code:
the custom config is simply for changing the toolbars to my need.
Than I move on with this code:
It's pretty easy. Getting the editor instance (like shown in Dev Guide) and setting the processors. It's just for rewriting the src for an image to see it in the admin area.
But I get the error, that "editor.dataProcessor" is not defined. I tried it with "CKEDITOR.dataProcessor" too, but got the same error.
What's the problem?
Thanks for your help.
I'm really new to CKEditor. I searched about this topic, but I didn't find any answer for my question I have.
At first: I'm using latest version of CKEditor with it's jQuery Adapter.
I add a CKEditor by using this code:
$('#editor').ckeditor(function(){}, { customConfig: '../ckeditor_config.js'});
the custom config is simply for changing the toolbars to my need.
Than I move on with this code:
var editor = $('#editor').ckeditorGet(); editor.dataProcessor.dataFilter.addRules({ elements: { img: function (element) { element.attributes.src = '../' + element.attributes.src; } } }); editor.dataProcessor.htmlFilter.addRules ({ elements: { img: function (element) { element.attributes.src = element.attributes.src.substr(3); } } });
It's pretty easy. Getting the editor instance (like shown in Dev Guide) and setting the processors. It's just for rewriting the src for an image to see it in the admin area.
But I get the error, that "editor.dataProcessor" is not defined. I tried it with "CKEDITOR.dataProcessor" too, but got the same error.
What's the problem?
Thanks for your help.
Re: How to use dataprocessors?
Using your example:
Re: How to use dataprocessors?
thanks for your answer. I'm go to try it, if I'm back on work tomorrow.
Re: How to use dataprocessors?
Hi,
sorry, I get the same error, using your suggestion.
As seen here: viewtopic.php?p=54333#p54333
I tried this one here:
Re: How to use dataprocessors?
They are just used if you press the Button "Source". Then they seem to be working, but that is not that, what I want. :-/ They should work without pressing this button (because my customer don't have this one).
For now I'm going to use some regex to rewrite the img
Re: How to use dataprocessors?
The dataProcessor handles data coming in to the editor and out from the editor.
dataProcessor.dataFilter handles incoming data, like pasting.
dataProcessor.htmlFilter handles outgoing data, like saving, viewing the source button, or generally calling updateElement on the editor.
If you have a rule within the htmlFilter that strips out the href attribute, then on save it will be stripped. Here is a link to more info about the data processor. http://docs.cksource.com/CKEditor_3.x/D ... _Processor
Re: How to use dataprocessors?
So how would i rewrite an element's tag?
I don't want to learn regex to replace html elements.
The best example i've found is the placeholder, but it uses regex to replace text ..
I have some custom elements that look like this:
<idt:templatefield contenteditable="false" error="" expression="((INNOMATE.Base.Employee)((INNOMATE.Data.Serialization.MappedObjectReference)activity0.Arguments["bdcc4f8c-3dc1-4d94-9cc1-a9892dacfd46"]).GetRealObject()).FirstName" isformattable="false" label="Medarbejder → First name" longlabel="MUS 2011 → Medarbejder → First name" style="background-color: #ffff00;" type="String" xmlns:idt="http://www.innomate.com/Diesel">,</idt:templatefield>
i can catch them with this in datafilter: