rich-text-editor.component.ts: Removed "backgroundColor" from toolbarHiddenButtons & added in customClasses "Highlight" option with custom "highlight" class | _type.scss: Added rules for "blockquote" and ".highlight" (added by rich text editor).

This commit is contained in:
Konstantina Galouni 2024-02-13 13:23:13 +02:00
parent a1ee9c82bc
commit eb74ef86b9
2 changed files with 13 additions and 2 deletions

View File

@ -47,7 +47,8 @@ export class RichTextEditorComponent {
{ name: 'H3 header', class: '', tag: 'h3' },
{ name: 'H4 header', class: '', tag: 'h4' },
{ name: 'H5 header', class: '', tag: 'h5'},
{ name: 'H6 header', class: '', tag: 'h6'}
{ name: 'H6 header', class: '', tag: 'h6'},
{ name: 'Highlight', class: 'highlight', tag: ''}
],
toolbarHiddenButtons: [
[
@ -56,7 +57,7 @@ export class RichTextEditorComponent {
],
[
'fontSize',
// 'backgroundColor',
'backgroundColor',
// 'customClasses',
'insertImage',
'insertVideo',

View File

@ -90,3 +90,13 @@ h2.title{
.text-gray{
color: $gray-color !important;
}
blockquote {
margin-left: 1rem;
border-left: .2em solid #dfe2e5;
padding-left: .5rem;
}
.highlight {
background-color: lightgoldenrodyellow;
}