zhangzhonghe / angular-editor

The angular version of Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

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。