Tsao Editor

Tsao Editor

Angular rich text editor for real content workflows

Tsao Editor gives Angular teams a configurable TypeScript editing surface without surrendering control of document structure, application styling, or integration code.

Open the Angular 22 demoIntegrate with Angular Forms
Angular
17 · 19 · 20 · 21 · 22
Output
HTML · Text · Markdown · JSON
License
NT$6,800 · 12 months updates
Tsao Editor Angular rich text editor interface
The working demo includes tables, images, palettes, comments, mentions, and output preview.

A focused editor package, not a hosted content platform

Use Tsao Editor inside an existing Angular application with Reactive Forms or Template-driven Forms. Toolbar actions, output modes, upload handlers, colors, tables, comments, mentions, and AI actions remain application-owned configuration.

The editor emits semantic HTML without scripts or inline style output. Class-based formatting keeps saved content predictable when the same document is rendered in a CMS, preview, email workflow, or customer-facing page.

Built for Angular teams that need more than bold and italic

  • Angular 17, 19, 20, 21, and 22 package builds
  • ControlValueAccessor support for Angular Forms
  • Tables with multi-cell selection and configurable palettes
  • Images, links, mentions, comments, templates, and document outline
  • Custom toolbar icons, plugins, block formats, text sizes, and colors
  • HTML, plain text, Markdown, and JSON document output modes

Choose the Angular package that matches your application

Each supported Angular major has an independently built demo and package. The editor API stays aligned across versions so teams can upgrade Angular on their own schedule.

Commercial delivery with twelve months of updates

A commercial license is a one-time NT$6,800 purchase. It includes signed licensing, packages for every supported Angular version, five production hostnames, and twelve months of package updates and email support.

View commercial license

Documentation

Explore Tsao Editor by implementation need

Features

Table editing designed for Angular content workflowsCreate and format accessible tables in Angular with multi-cell selection, configurable borders, fixed color palettes, header rows, and semantic HTML output.Image upload that stays inside your application boundaryConnect an application-owned image upload handler to an Angular rich text editor, validate files, and emit safe semantic image markup.Comments and mentions connected to your own dataAdd application-owned comments and searchable mentions to an Angular rich text editor with typed callbacks and safe token rendering.AI writing actions without exposing API keys in AngularAdd configurable AI writing actions to an Angular editor while keeping API keys and model calls in a secure backend owned by your application.

Integration guides

Use a rich text editor with Angular FormsIntegrate Tsao Editor with Angular Reactive Forms or Template-driven Forms through ControlValueAccessor and typed output modes.Build an editor toolbar that belongs to your productConfigure Tsao Editor toolbar actions, custom icons, fixed dimensions, application-owned dialogs, and typed plugins.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.

Security

Rich text HTML with explicit security boundariesUnderstand Tsao Editor HTML sanitization, allowed classes, URL validation, iframe sandboxing, and safe readonly rendering.

Editor comparisons

Evaluating Tsao Editor and CKEditor for an Angular projectCompare Tsao Editor and CKEditor integration approaches for Angular Forms, semantic HTML, application-owned configuration, licensing, and package delivery.Evaluating Tsao Editor and TinyMCE for an Angular projectCompare Tsao Editor and TinyMCE integration approaches for Angular Forms, semantic HTML, host-owned services, licensing, and customization.