Tsao Editor

Feature

Table editing designed for Angular content workflows

Insert tables, select multiple cells, apply class-based presentation, and preserve semantic table markup without coupling stored documents to one application theme.

Edit the table as a document structure

The table tools work inside the same selection and history model as the rest of the editor. Users can insert rows and columns, merge or split cells, toggle header structure, and navigate with the keyboard.

Multi-cell selection applies a background option to the complete selected range. Color choices can be grouped and supplied by the host application, which makes the UI fit an existing design system without storing inline color values.

Configuration that stays under application control

  • Show or hide border, background, first-row, first-column, and header controls
  • Provide class-based border and background options
  • Use a fixed palette or allow the configured color picker
  • Keep table icons packaged with the editor instead of relying on a host icon font
  • Render table HTML with the readonly content renderer

Start with the live table demo

Open the current Angular demo and navigate to the table feature to test selection, keyboard input, cell colors, and generated HTML.

Try table editing

Continue reading

Use your design-system colors inside the editorConfigure grouped, class-based text, text background, and table cell color palettes in an Angular rich text editor.Rich text HTML with explicit security boundariesUnderstand Tsao Editor HTML sanitization, allowed classes, URL validation, iframe sandboxing, and safe readonly rendering.