Angular TinyMCE Package
ngx-tinymce
A standalone-first Angular wrapper for TinyMCE with lazy script loading, form integration, and SSR-safe runtime guards.
Use one focused package when you need rich text editing without shipping the rest of the workspace features in the same dependency.
landing.ts
Project Overview
Package
ngx-tinymce
TinyMCE editor building blocks for Angular, with browser-only setup guarded so server rendering stays intact.
License
MIT
Published as a public package and designed for reuse across multiple apps.
Installation
Install the package
$ npm i --save ngx-tinymceUsage
Bootstrap with provideNgxTinymce()
import { provideNgxTinymce } from 'ngx-tinymce';
export const appConfig = {
providers: [provideNgxTinymce()],
};Configuration
Define editor defaults once
Register the script path and baseline toolbar/plugins once instead of repeating the same TinyMCE setup in every component.
import { provideNgxTinymce } from 'ngx-tinymce';
export const appConfig = {
providers: [
provideNgxTinymce({
baseURL: '/assets/tinymce/',
fileName: 'tinymce.min.js',
config: {
menubar: false,
plugins: 'lists link table code',
toolbar: 'undo redo | bold italic | bullist numlist | code',
},
}),
],
};Features
What ngx-tinymce includes
Bootstrap and defaults
Standalone-first setup centered on provideNgxTinymce() so script paths and default editor options are registered once.
provideNgxTinymce() | baseURL and fileName | default TinyMCE config
Component API
Angular component wrapper for classic or inline TinyMCE usage with signal inputs and a ready event.
TinymceComponent | [config], [inline], [disabled], [delay] | ready output and instance getter
Forms integration
ControlValueAccessor support keeps template-driven and reactive forms aligned with editor content and readonly state.
[(ngModel)] | formControlName | setDisabledState() | blur touch handling
Runtime safety
Script loading and editor startup only happen in the browser, which keeps SSR intact while still allowing lazy loading.
lazy script injection | SSR guard | config merge and re-init
Reference
Documented feature pages
The detailed page below documents the TinyMCE package public API and the files that make up the feature.