1. Feedback
  2. Angular
  3. 32402

Welcome to the Angular feedback portal. We’re happy you’re here! If you have feedback on how to improve the Angular, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

QuickToolbar not showing

I'm working on an Angular 12 app, I've imported the style files in styles.scss, included the RichTextEditorModule in my module as for documentation and ToolbarService, LinkService, HtmlEditorService, TableService in the providers array.

In my html I have:

<ejs-richtexteditor [toolbarSettings]="toolbarModules" [quickToolbarSettings]="quickToolbar" [(value)]="englishConsent">

 </ejs-richtexteditor>


In the .ts file:

toolbarModules = {

    items: ['Bold', 'Italic', 'Underline', 'StrikeThrough',

    'FontSize', 'FontColor', 'BackgroundColor', '|',

    'Formats', 'Alignments', 'OrderedList', 'UnorderedList',

    'Outdent', 'Indent', '|',

    'CreateLink', 'CreateTable','|', 'Undo', 'Redo']

  };

  quickToolbar: QuickToolbarSettingsModel = {

    showOnRightClick: true,

    enable: true,

    table: ['TableHeader', 'TableRows', 'TableColumns', 'TableCell', '-', 'BackgroundColor', 'TableRemove', 'TableCellVerticalAlign', 'Styles']

  };



When I create a table and click on it nothing happens, even in the DOM the e-rte-quick-popup element is not created, so that's not a style problem.