k-ui-react-jquery-wrappers
k-ui-react-jquery-wrappers copied to clipboard
Problem with editor
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.