The enter should not be counted as a character

[jodator]

Right now the newline is used to denote blocks and inline elements.

As @msamsel noticed it shouldn't count as a character:

[msamsel]

I think we should define some rules how words and characters are calculated. It should be also considered how word-count integrates with other plugins, like placeholder, tables, images, media embed etc.
Right now there is pretty basic solution, which might be improved in several ways.

[Reinmar]

Related issues:

• Media embed is treated as a character.
• An empty table 3x3 is treated ad 9 characters.

[Reinmar]

I think we should define some rules how words and characters are calculated

I think it's best to check how it works in other editors (Word, GDocs). And see if there's some standard.

[Prince890840]

My Question is when i integrate ckeditor into our Project then there is a task about to show character count whatever'd content paste into ckeditor then i saw a difference between the Microsoft word and Ckeditor which has too much difference.

Here I posted the difference of both, can anyone give solution how can i overcome this problem ?

1. 
2. 
3. 

In above I pasted same content in ckeditor, Google Docs and Microsoft word , every editor has different result.

below is my code for the reference.

`const ReviewerNotes = ({
notes,
errorMessage,
plainText,
}) => {
const onNotesChange = useCallback((updatedEditorState) => {
setReviewInfo({
reviewNotes: updatedEditorState,
errorMessage: '',
plainText: convertHTMLToPlainText(updatedEditorState),
});
}, []);
const characterLength = plainText.length;
const scrollAndFocusEditor = (editor) => {
const element = document.body;
editor.focus();

if (element) {
  window.scroll({
    top: element.scrollHeight,
    behavior: 'smooth',
  });
}

};

return (
<>

Reviewer notes  
(Minimum 100 characters)

<TextEditor
editorState={notes}
error={!!errorMessage}
characterCount={{
isShown: true,
character: characterLength,
}}
stripPastedStyles
onEditorStateChange={onNotesChange}
onReady={scrollAndFocusEditor}
/>

{errorMessage}

</>
);
};

import { forwardRef, useMemo } from 'react';
import PropTypes from 'prop-types';
import { CKEditor } from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import plainTextToHtml from '@ckeditor/ckeditor5-clipboard/src/utils/plaintexttohtml';

import './editor.scss';

const editorConfig = {
language: 'en', // fa - for persian language ( rtl )
toolbar: {
items: [
'undo',
'redo',
'heading',
'|',
'bold',
'italic',
'link',
'bulletedList',
'numberedList',
'|',
'outdent',
'indent',
],
},
};

const TextEditor = forwardRef((
{
editorState,
onEditorStateChange,
error,
characterCount,
onReady,
placeholder,
stripPastedStyles,
...rest
},
ref,
) => {
const { isShown, character } = characterCount ?? {};

const handleEditorContentChange = (_event, editor) => {
const editorContent = editor.getData();
const editingView = editor.editing.view;

editingView.document.on('enter', (evt, data) => {
  editor.execute(data.isSoft ? 'enter' : 'shiftEnter');

  data.preventDefault();
  evt.stop();
  editor.editing.view.scrollToTheSelection();
}, { priority: 'high' });

onEditorStateChange(editorContent);

};

const appliedConfiguration = useMemo(() => ({
...editorConfig,
...(placeholder && { placeholder }),
}), [placeholder]);

const handleEditor = (editor) => {
if (stripPastedStyles) {
editor.plugins.get('ClipboardPipeline').on('inputTransformation', (_evt, data) => {
const dataTransfer = data.dataTransfer;

    const content = plainTextToHtml(dataTransfer.getData('text/plain'));

    data.content = editor.data.processor.toView(content);
  }, { priority: 'high' });
}

onReady(editor);

};

return (
<div className={text-editor-wrapper ${error ? 'ckEditor-error' : ''}}>
<CKEditor
config={appliedConfiguration}
data={editorState}
editor={ClassicEditor}
ref={ref}
onChange={handleEditorContentChange}
onReady={handleEditor}
// eslint-disable-next-line react/jsx-props-no-spreading
{...rest}
/>
{isShown ? (

{character}

) : null}

);
});`