properly (summernote compatability).
- // CKEditor will change it to but on edit it will render properly
- heading: {
- options: [
- { model: 'formatted', view: 'pre', title: 'Formatted' },
- ],
- },
- // To add the default https protocol and
- // an option to open the link in a new tab.
- link: {
- defaultProtocol: 'https://',
- decorators: {
- openInNewTab: {
- mode: 'manual',
- label: 'Open in a new tab',
- attributes: {
- target: '_blank',
- rel: 'noopener noreferrer',
- },
- },
- },
- },
- placeholder,
- mediaEmbed: {
- removeProviders: [
- 'spotify',
- 'instagram',
- 'twitter',
- 'googleMaps',
- 'flickr',
- 'facebook',
- ],
- },
- }}
- data={value}
- disabled={disabled}
- editor={CustomEditor}
- onBlur={(_event, _editor) => {
- setIsFocused(false);
- }}
- onChange={(_event, editor) => {
- onChange(editor.getData());
- }}
- onFocus={(_event, _editor) => {
- setIsFocused(true);
- }}
- onReady={(editor) => {
- // Enable the following to set a max height for ckeditor
- editor.editing.view.change((writer) => {
- writer.setStyle(
- 'max-height',
- '350px',
- editor.editing.view.document.getRoot(),
- );
- });
- editor.plugins.get('FileRepository').createUploadAdapter = (
- loader,
- ) => {
- return uploadAdapter(loader);
- };
- if (autofocus) editor.focus();
- }}
- />
+
+ }
+ >
+ setIsFocused(false)}
+ onChange={onChange}
+ onFocus={() => setIsFocused(true)}
+ placeholder={placeholder}
+ value={value}
+ />
+