Merge pull request #9139 from ckeditor/i/8877

Feature (autoformat): Typing `[x]` will insert a checked todo list item. Closes #8877.

packages/ckeditor5-autoformat/src/autoformat.js

@@ -47,6 +47,7 @@ export default class Autoformat extends Plugin {
 	 * - `* ` or `- ` – A paragraph will be changed to a bulleted list.
 	 * - `1. ` or `1) ` – A paragraph will be changed to a numbered list ("1" can be any digit or a list of digits).
 	 * - `[] ` or `[ ] ` – A paragraph will be changed to a to-do list.
+	 * - `[x] ` or `[ x ] ` – A paragraph will be changed to a checked to-do list.
 	 *
 	 * @private
 	 */
@@ -64,6 +65,13 @@ export default class Autoformat extends Plugin {
 		if ( commands.get( 'todoList' ) ) {
 			blockAutoformatEditing( this.editor, this, /^\[\s?\]\s$/, 'todoList' );
 		}
+
+		if ( commands.get( 'checkTodoList' ) ) {
+			blockAutoformatEditing( this.editor, this, /^\[\s?x\s?\]\s$/, () => {
+				this.editor.execute( 'todoList' );
+				this.editor.execute( 'checkTodoList' );
+			} );
+		}
 	}
 
 	/**

packages/ckeditor5-autoformat/src/blockautoformatediting.js

@@ -96,8 +96,9 @@ export default function blockAutoformatEditing( editor, plugin, pattern, callbac
 			return;
 		}
 
-		// Only lists should be formatted inside the lists.
+		// Only list commands and custom callbacks can be applied inside a list.
 		if ( blockToFormat.is( 'element', 'listItem' ) &&
+			typeof callbackOrCommand !== 'function' &&
 			![ 'numberedList', 'bulletedList', 'todoList' ].includes( callbackOrCommand )
 		) {
 			return;