CommentsConfig
The configuration of the comments feature.
ClassicEditor.create( {
comments: ... // Comments feature configuration.
} )
.then( ... )
.catch( ... );
See all editor options.
Properties
-
CommentThreadView : BaseCommentThreadView | undefinedmodule:comments/config~CommentsConfig#CommentThreadViewA view class to be used to create comment thread views (used as annotations - in sidebar balloons or in inline annotations).
CommentThreadViewis used by default when this property is not set. -
CommentView : CommentView | undefinedmodule:comments/config~CommentsConfig#CommentViewA view class to be used to create comment views.
CommentViewis used by default when this property is not set. -
copyMarkers : CommentsClipboardCopyConfig | undefinedmodule:comments/config~CommentsConfig#copyMarkersSpecifies whether comment markers should be preserved on copy-paste and cut-and-paste actions.
The following values are available:
'default'- the comments will be preserved on cut-paste and drag and drop actions only.'always'- the markers will be preserved on all clipboard actions (cut, copy, drag and drop).'never'- the markers will be ignored by clipboard.
Defaults to
'default'. -
editorConfig : EditorConfig | undefinedmodule:comments/config~CommentsConfig#editorConfigConfiguration for the comments editor.
By using this property, you can customize the editor instance used in the comments reply field (e.g. by adding plugins or changing features configuration).
To use the default configuration (allows only for text input, no formatting), you can pass
{}to the comments editor configuration.ClassicEditor.create( element, { comments: { editorConfig: {} } } );Copy codeTo provide a better experience, you may add more plugins, that will extend the default editor configuration.
import { Autoformat, List, Bold, Italic } from 'ckeditor5'; ClassicEditor .create( { comments: { editorConfig: { extraPlugins: [ Autoformat, Bold, Italic, List ] } } } )Copy codeImporting plugins may not be possible in some scenarios (e.g. when using a build created by the online builder tool). In that case, it is possible to get the plugin constructors from the editor builtin plugins.
const extraCommentsPlugins = ClassicEditor.builtinPlugins.filter( plugin => { return [ 'Bold', 'Italic', Autoformat, List ].includes( plugin.pluginName ); } ); ClassicEditor .create( { comments: { editorConfig: { extraPlugins: extraCommentsPlugins } } } ) .then( ... ) .catch( ... );Copy code -
formatDateTime : ( date: Date ) => string | undefinedmodule:comments/config~CommentsConfig#formatDateTimeA function that takes a
Dateobject, formats it to a desired string and returns it. It should be used when displaying the comment creation date. -
maxCommentCharsWhenCollapsed : number | undefinedmodule:comments/config~CommentsConfig#maxCommentCharsWhenCollapsedThe maximum number of characters displayed in a comment when the thread view is collapsed. Longer comments will be trimmed.
Defaults to
140. -
maxCommentsWhenCollapsed : number | undefinedmodule:comments/config~CommentsConfig#maxCommentsWhenCollapsedThe total number of comments shown when the thread view is collapsed.
The comments are displayed in the following way:
- The first comment is displayed.
- Some comments may be hidden (collapsed).
- An appropriate number of the most recent comments is displayed.
For example, if this parameter is set to 3, when collapsed, the thread view will display the first comment and two most recent comments.
Defaults to
2. -
maxThreadTotalWeight : number | undefinedmodule:comments/config~CommentsConfig#maxThreadTotalWeightThe maximum total weight of a thread before the thread becomes collapsed when it is not active:
- Thread weight is a sum of the weight of its comments.
- Comment weight is equal to the comment length.
- The minimal comment weight is 200.
Defaults to
500.