Set foreground and background colors

The old foreColor and backColor calls still exist. This page applies them directly to a selected phrase and then prints the resulting HTML.

Each API call targets this selected phrase inside the editor.

HTML output

Ready.

Example configuration - Colors

summernote.create('#font-colors-editor', {
  height: 240,
});

summernote.invoke('#font-colors-editor', 'foreColor', '#0d6efd');
summernote.invoke('#font-colors-editor', 'backColor', '#fff3cd');