k-ui-react-jquery-wrappers icon indicating copy to clipboard operation
k-ui-react-jquery-wrappers copied to clipboard

Problem with editor

Open stormcleric opened this issue 8 years ago • 0 comments

Hi there,

I'm trying to run Kendo Editor on React using the sample that appears on NPM.

I'm using webpack.

This is my component:

`var KendoEditor = require('kendo-ui-react-jquery-editor').default;

//Don't forget CSS, webpack used to include CSS require('../../../Content/Telerik/kendo.common.min.css'); require('../../../Content/Telerik/kendo.default.min.css'); require('../../../Scripts/Telerik/kendo.editor.js');

var Example = React.createClass({ render: function() { return ( <KendoEditor options={{height: 550,sortable: true}}>

      </KendoEditor>
  );

} });

module.exports = Example;`

This is my view

@Html.React("Client.Example", new { }, clientOnly: true)

And I'm already bundling kendo.editor.js and kendo.all.js.

The error that appears is:

Uncaught TypeError: Cannot read property 'Editor' of undefined

On this line:

//note I am not using jQuery plugin to instantiate, don't want to wait for namespace on $.fn this.widgetInstance=new _kendoEditor2['default'].ui.Editor(elementNode,this.props.options);//if props are avaliable for events, triggers, unbind events, or methods make it happen now

Can you please help? Thanks in advance.

stormcleric avatar Jan 09 '17 15:01 stormcleric