@dotcms/angular
Version:
Official Angular Components library to render a dotCMS page.
39 lines • 1.88 kB
TypeScript
import { BlockEditorNode } from '@dotcms/types';
import { BlockEditorState } from '@dotcms/types/internal';
import { DynamicComponentEntity } from '../../models';
import * as i0 from "@angular/core";
/**
* Represents a Custom Renderer used by the Block Editor Component
*
* @export
* @interface CustomRenderer
*/
export type CustomRenderer = Record<string, DynamicComponentEntity>;
/**
* A component that renders content from DotCMS's Block Editor field.
*
* This component provides an easy way to render Block Editor content in your Angular applications.
* It handles the rendering of standard blocks and allows customization through custom renderers.
*
* For more information about Block Editor, see {@link https://dev.dotcms.com/docs/block-editor}
*
* @example
* ```html
* <dotcms-block-editor-renderer
* [blocks]="myBlockEditorContent"
* [customRenderers]="myCustomRenderers">
* </dotcms-block-editor-renderer>
* ```
*/
export declare class DotCMSBlockEditorRendererComponent {
blocks: BlockEditorNode;
customRenderers: CustomRenderer | undefined;
class: string | undefined;
style: string | Record<string, string> | undefined;
$blockEditorState: import("@angular/core").WritableSignal<BlockEditorState>;
$isInEditMode: import("@angular/core").WritableSignal<boolean>;
ngOnInit(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<DotCMSBlockEditorRendererComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<DotCMSBlockEditorRendererComponent, "dotcms-block-editor-renderer", never, { "blocks": { "alias": "blocks"; "required": false; }; "customRenderers": { "alias": "customRenderers"; "required": false; }; "class": { "alias": "class"; "required": false; }; "style": { "alias": "style"; "required": false; }; }, {}, never, never, true, never>;
}
//# sourceMappingURL=dotcms-block-editor-renderer.component.d.ts.map