Hello,
I have an issue when using Kendo Editor for the element that has html binding.
I have the following markup:
On the page load I get the following error:
Uncaught Error: The html binding is not supported by the Editor widget
What could be a possible solution of this problem? How can I use Kendo Editor and at the same time use MVVM bindings? I tried creating a custom binding from the example here. But I get the same error saying that my custom binding is not supported by the Editor widget.
I have an issue when using Kendo Editor for the element that has html binding.
I have the following markup:
<
table
data-template
=
"distractor-template"
data-bind
=
"source: distractors"
style
=
"width: 100%;"
>
<
colgroup
>
<
col
width
=
"50"
/>
<
col
width
=
"50"
/>
<
col
/>
</
colgroup
>
</
table
>
<
script
id
=
"distractor-template"
type
=
"text/x-kendo-template"
>
<
tr
>
<
td
>
<
input
type
=
"checkbox"
data-bind
=
"checked: isCorrect"
/>
</
td
>
<
td
>
<
span
data-bind
=
"text: letter"
></
span
>
</
td
>
<
td
>
<
div
data-distractor-content
=
"true"
contenteditable
=
"true"
data-bind
=
"html: content"
></
div
>
</
td
>
</
tr
>
</
script
>
<
script
>
var initialDistractors = [
{ letter: 'A', isCorrect: true, content: 'Number <
strong
>One</
strong
>' },
{ letter: 'B', isCorrect: false, content: 'Number <
strong
>Two</
strong
>' },
{ letter: 'C', isCorrect: false, content: 'Number <
strong
>Three</
strong
>' },
];
var distractorsObject = { distractors: new kendo.data.ObservableArray(initialDistractors) };
//init kendo view model
var viewModel = kendo.observable(distractorsObject);
//bind kendo view model
kendo.bind($('[' + config.containerAttrName + ']'), viewModel);
var $distractorContents = $('[' + config.distractorContentAttrName + ']');
$distractorContents.kendoEditor({
tools: [
"bold",
"italic",
"underline",
"createLink",
"unlink",
"insertImage"
]
});
</
script
>
On the page load I get the following error:
Uncaught Error: The html binding is not supported by the Editor widget
What could be a possible solution of this problem? How can I use Kendo Editor and at the same time use MVVM bindings? I tried creating a custom binding from the example here. But I get the same error saying that my custom binding is not supported by the Editor widget.