Custom PasteCleanup, Deserialization and Serialization callback usage

[CWS]

Hello,

I am having some trouble using custom callbacks for PasteCleanup, Deserialization or Serialization. Whatever input string I give as the custom callback, be it a function name or declaration, just gets double quoted in the editor configuration javascript that is generated and is then seemly ignored. Unlike how setting an event callback works.

How do I setup an editor to use these features?

Sample code:

@(Html.Kendo().Editor()
    .Name("bloop")
    .PasteCleanup(e => e.Custom("onPaste"))
    .Deserialization(e => e.Custom("onDeserialization"))
    .Serialization(e => e.Custom("onSerialization"))
    .Events(e => e.Change("onChange"))
)

<script type="text/javascript">
    function onPaste(html) {
        console.log('onPaste');

        return html;
    }

    function onSerialization(html) {
        console.log('onSerialization');

        return html;
    }

    function onDeserialization(html) {
        console.log('onDeserialization');

        return html;
    }

    function onChange() {
        console.log('onChange');
    }
</script>

 

Using that above code Html.Kendo().Editor() is generating the following javascript when it executes:

jQuery(function(){jQuery("#bloop").kendoEditor({"change":onChange,"deserialization":{"custom":"onDeserialization"},"pasteCleanup":{"custom":"onPaste"},"serialization":{"custom":"onSerialization"},"tools":[{"name":"formatting"},{"name":"bold"},{"name":"italic"},{"name":"underline"},{"name":"justifyLeft"},{"name":"justifyCenter"},{"name":"justifyRight"},{"name":"insertUnorderedList"},{"name":"insertOrderedList"},{"name":"outdent"},{"name":"indent"},{"name":"createLink"},{"name":"unlink"},{"name":"insertImage"},{"name":"createTable"},{"name":"addColumnLeft"},{"name":"addColumnRight"},{"name":"addRowAbove"},{"name":"addRowBelow"},{"name":"deleteRow"},{"name":"deleteColumn"}]});});

Note how onDeserialization is double quoted where onChange is not.

Using R2 2016 SP2 (2016.2.714) with MVC4.

Thank you

[Ianko]

Hello,

 

The issues regarding serialization and deserialization custom options have been logged internally and will be fixed for the next official release. 

 

For the pasteCleanup.custom I am logging it as a bug to be handled. You can monitor it from here: https://github.com/telerik/kendo-ui-core/issues/2059. For the time being, the custom pasteCleanup is not available for the MVC wrapper, but you can alternatively use the paste event to clean or strip any content to be pasted: http://docs.telerik.com/kendo-ui/api/javascript/ui/editor#events-paste. 

 

As for serialization.custom and deserialization.custom, you can use the setOptions method in order to assign them later in the code. Like in this example: 

@(Html.Kendo().Editor()
    .Name("bloop")
    .Events(e => e.Change("onChange").Paste("onPaste"))
    .Tools(t => t.ViewHtml())
)


<script type="text/javascript">
    $(document).ready(function () {
        var kendoEditor = $("#bloop").data("kendoEditor");
        kendoEditor.setOptions({
            deserialization: {
                custom: onDeserialization
            },
            serialization: {
                custom: onSerialization
            }
        });
    });


    function onPaste(html) {
        console.log('onPaste');

        return html;
    }

    function onSerialization(html) {
        console.log('onSerialization');

        return html;
    }

    function onDeserialization(html) {
        console.log('onDeserialization');

        return html;
    }

    function onChange() {
        console.log('onChange');
    }
</script>

 

I hope that helps.

 

Regards,
Ianko
Telerik by Progress

[CWS]

I was able to get the workarounds working.

Thank you