The forum operates in read-only mode. Please head to StackOverflow for support.

Last post

Thu, 10/24/2013 - 09:44

basti890

Joined: 17/10/2013

Posts: 15

How to build and implement my own data-processor and disable the build in processor?

Hello guys,

First of all CKEditor is awesome!!!!

But now my problem, I need to implement my owen data-prcoessor wich shall be used instead of the standard dataprocessor.

I already tryed it to overwrite the standard processor via a pluign, wich is a copy.of the normal htmldata processor and just rediecting the input 1:1 . but its still manipulating my input data (wich it is not suposed to do).

So now my Question: How do I build my own data-processor, what function must it contain and how do I import it to CKEditor 4.2.2?

Thu, 10/24/2013 - 10:07

basti890

Joined: 17/10/2013

Posts: 15

Update the Processor works, but CKEditor is still manipulating

my ckeditor/plugins/mycoreprocessor/plugin.js

CKEDITOR.plugins.add( 'mycoreprocessor',
{
   requires : [ 'htmlwriter' ],
   init : function( editor )
   {
      editor.dataProcessor = new CKEDITOR.mycoreprocessor( editor );
   }
});

CKEDITOR.mycoreprocessor = function( editor )
{
   this.editor = editor;
   this.writer = new CKEDITOR.htmlWriter();
   this.dataFilter = new CKEDITOR.htmlParser.filter();
   this.htmlFilter = new CKEDITOR.htmlParser.filter();
};

CKEDITOR.mycoreprocessor.prototype =
{
   toHtml : function( data, fixForBody )
   {
      // all converting to html (like: data = data.replace( /</g, '&lt;' );)
      return data;
   },

   toDataFormat : function( html, fixForBody )
   {
      // all converting from html (like: html = html.replace( /<br><\/p>/gi, '\r\n');)
      return html;
   }
};

my line in the config.js

CKEDITOR.editorConfig = function(config) {

	config.extraPlugins = 'mycoreprocessor';
};

BUT: CKEditor is still manipulating the input-data.

1. Why?

2. How can i turn the manipulation of input-data off?

Thu, 10/24/2013 - 13:19

sebstefanov

Joined: 03/02/2012

Posts: 1329

You should check out the

You should check out the BBCode plugin. It's a perfect example of how to modify the dataprocessor.

Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn

If you think you found a bug in CKEditor, read this!

Thu, 10/24/2013 - 15:55

basti890

Joined: 17/10/2013

Posts: 15

Hi sebstefanov,

Originaly I have "the problem" that I just need to turn really ALL filters of.

I have already 1 solution (i added all tags i found to the CKEDITOR.dtd, in the sections where they belong), but its not compfortabe my input contains some non-html-tag (xml-Tags) and I just want to tell CKEditor, that it doesn't know an empty node like <hidden attr1="jhfkngjh" ... attrN=.." /> then he shall parse the input 1:1 through the Editor-Panel, but when its normal html-content he can still filter it.

So isn't there any possibilty to change the standard behavior of the dataprocessor and filters if its an unknowen node, that instead of trying to parse it into well formet html just send it 1:1 through the input?

Mon, 10/28/2013 - 06:26

(Reply to #4) #5

editor191

Joined: 28/10/2013

Posts: 2

basti890

I have the same problem to but i just reinstalled all and now it is working for me :)

Tue, 10/29/2013 - 11:34

(Reply to #5) #6

basti890

Joined: 17/10/2013

Posts: 15

Your wrote your own

Your wrote your own DataProcessor and the source of your data is not manipulated / changed or transformed ?
OK, I'll try with reinstalling CKEditor. :)

Tue, 10/29/2013 - 13:31

(Reply to #6) #7

basti890

Joined: 17/10/2013

Posts: 15

Problems

after i tryed it again, it doesn't that bad, but its messing my input:

<editor id="searchmask">
  <source uri="searchInput:{id}" />
  <target type="servlet" name="MCRSearchServlet" method="post" format="xml" />

  <components root="root" var="/query">
    <panel id="root">
      <hidden var="@mask" default="content/main/search.xml" />
      <hidden var="@maxResults" default="0" />
      <hidden var="@numPerPage" default="10" />
      
      <hidden var="conditions/@format" default="xml" />
      <hidden var="conditions/boolean/@operator" default="and" />

      <!-- Search only for object type document -->
      <hidden var="conditions/boolean/condition1/@field"    default="objectType" />
      <hidden var="conditions/boolean/condition1/@operator" default="=" />
      <hidden var="conditions/boolean/condition1/@value"    default="document" />

      <!-- Search in field "name" with operator "contains" -->
      <hidden var="conditions/boolean/condition2/@field" default="allMeta,content" />
      <hidden var="conditions/boolean/condition2/@operator" default="contains" />
      <cell row="1" col="1" anchor="EAST">
        <text i18n="editor.search.inall.label" />
      </cell>
      <cell row="1" col="2" anchor="WEST" var="conditions/boolean/condition2/@value">
        <textfield width="40" />
      </cell>
     
      <cell row="1" col="3" colspan="2" anchor="EAST">
        <submitButton i18n="editor.search.search" width="150px" />
      </cell>
    </panel>
  </components>
 </editor>

into the following output:

&lt;p&gt;&lt;editor id="searchmask"&gt;
  &lt;source uri="searchInput:{id}"&gt;
  &lt;target type="servlet" name="MCRSearchServlet" method="post" format="xml"&gt;

  &lt;components root="root" var="/query"&gt;
    &lt;panel id="root"&gt;
      &lt;hidden var="@mask" default="content/main/search.xml"&gt;
      &lt;hidden var="@maxResults" default="0"&gt;
      &lt;hidden var="@numPerPage" default="10"&gt;
      
      &lt;hidden var="conditions/@format" default="xml"&gt;
      &lt;hidden var="conditions/boolean/@operator" default="and"&gt;

      &lt;!-- Search only for object type document --&gt;
      &lt;hidden var="conditions/boolean/condition1/@field" default="objectType"&gt;
      &lt;hidden var="conditions/boolean/condition1/@operator" default="="&gt;
      &lt;hidden var="conditions/boolean/condition1/@value" default="document"&gt;

      &lt;!-- Search in field "name" with operator "contains" --&gt;
      &lt;hidden var="conditions/boolean/condition2/@field" default="allMeta,content"&gt;
      &lt;hidden var="conditions/boolean/condition2/@operator" default="contains"&gt;
      &lt;cell row="1" col="1" anchor="EAST"&gt;
        &lt;text i18n="editor.search.inall.label"&gt;
      &lt;/text&gt;&lt;/cell&gt;
      &lt;cell row="1" col="2" anchor="WEST" var="conditions/boolean/condition2/@value"&gt;
        &lt;textfield width="40"&gt;
      &lt;/textfield&gt;&lt;/cell&gt;
     
      &lt;cell row="1" col="3" colspan="2" anchor="EAST"&gt;
        &lt;submitbutton i18n="editor.search.search" width="150px"&gt;
      &lt;/submitbutton&gt;&lt;/cell&gt;
    &lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/hidden&gt;&lt;/panel&gt;
  &lt;/components&gt;
 &lt;/target&gt;&lt;/editor&gt;&lt;br&gt;&lt;/p&gt;

So I need to diable the adding of end-tags to unknowen tags (like <hidden>) and I need to disable the replacement of < with < and > with > ← this is done in the ouptu, not when data is loaded, when i view it in source-mode of CKEditor, the < and > are fine.

EDIT: OK after research i found out, thta the whole data manipulation is done while reading the input.