Estoy usando Summernote en mi aplicación angular. He importado CSS y JS.

 "./node_modules/summernote/dist/summernote-lite.min.css" "node_modules/summernote/dist/summernote-lite.min.js"

He inicializado Summernote en mi componente.

 $('#summernote').summernote({ toolbar: [ ['style', ['style']], ['font', ['bold', 'italic', 'underline', 'clear']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['table', ['table']], ], });

Todo funciona bien excepto la función Negrita. El problema es que si escribo algo de texto dentro del campo de texto y selecciono todo el texto y hago clic en el ícono Negrita en la barra de herramientas o hago clic en ctrl+B en el teclado, no sucede nada. Pero si selecciono una subcadena de ese texto y hago clic en el botón B, se pone en negrita.

Si alterno el botón B y empiezo a escribir, el texto se escribirá en negrita. Qué me estoy perdiendo ?

"node_modules/summernote/dist/summernote-bs5.min.js" y CSS y bs4 respectivos y CSS respectivos también.