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

View File

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