First of all you need to setup up your main.js file, it should look like below.
It is assumed, that ckeditor is available in js/libs/ckeditor folder.
requirejs.config, paths:
'ckeditor': 'libs/ckeditor/ckeditor',
'ckeditor-jquery': 'libs/ckeditor/adapters/jquery'
shim:
'ckeditor-jquery': {
deps: ['jquery', 'ckeditor']
}
in the require block add 'ckeditor-jquery';
in your html file add, if you add the same construct into a div element, it just does not show anything.
within textarea tag add
id="id1" data-bind="jqueryUI:{component: 'ckeditor', value: value, skin: 'moono-lisa', toolbar: 'basic', uiColor : '#9AB8F3'}"
To change the toolbar add the following within the curly brackets
To change the toolbars add the fo
toolbarGroups: [
{name: 'basicstyles', groups: ['basicstyles', 'cleanup']},
]
And you should see
It is assumed, that ckeditor is available in js/libs/ckeditor folder.
requirejs.config, paths:
'ckeditor': 'libs/ckeditor/ckeditor',
'ckeditor-jquery': 'libs/ckeditor/adapters/jquery'
shim:
'ckeditor-jquery': {
deps: ['jquery', 'ckeditor']
}
in the require block add 'ckeditor-jquery';
in your html file add, if you add the same construct into a div element, it just does not show anything.
within textarea tag add
id="id1" data-bind="jqueryUI:{component: 'ckeditor', value: value, skin: 'moono-lisa', toolbar: 'basic', uiColor : '#9AB8F3'}"
To change the toolbar add the following within the curly brackets
To change the toolbars add the fo
toolbarGroups: [
{name: 'basicstyles', groups: ['basicstyles', 'cleanup']},
]
And you should see