angular-editor-component v1.0.1

该库是用 Angular CLI 9.1.7 生成的。依赖于tui.editor。

安装

运行 npm i --save angular-editor-component 安装.

使用方法

...
import { EditorModule } from 'angular-editor-component';

@NgModule({
    ...
    imports: [
        EditorModule    // 引入模块
    ]
})
export class AppModule { }

在html文件中使用

<ng-editor></ng-editor>

属性

| 属性 | 类型 | 说明 | | --- | --- | --- | | height | string | 设置编辑器整体的高度 | | minHeight | string | 设置编辑器的最小高度 | | previewStyle | 'tab' | 'vertical' | 预览的样式 | | language | string | i18n, 设置编辑器的语言，默认中文 | | initialValue | string | 编辑器的初始内容 | | initialEditType | stirng | 初始编辑的类型 | | placeholder | string | 编辑器占位符 | | toolbarItems | string[] | 一个数组，设置需要显示的工具条中按钮的数量 |

事件

| 事件名 | 何时触发 | | --- | ---- | | onload | 当编辑器实例创建完成时触发，并返回编辑器实例 | | onchange | 当内容发生变化时触发 | | stateChange | 状态改变时触发 | | onfocus | 编辑器聚焦时触发 | | onblur | 编辑器失焦时触发 | | addImageBlobHook | 添加图片时触发 | | previewBeforeHook | 预览时触发 |

全面的API请访问这里。如有更复杂的需求，推荐直接使用tui-editor。