0.0.14 • Published 2 years ago
ng-marked-preview v0.0.14
Ng-Marked-Preview
markdown编辑与展示
安装
npm i ng-marked-preview yarn add ng-marked-p如何使用
Typescript
import { NgMarkedPreviewModule } from 'ng-marked-preview';
@NgModule({
declarations: [
// ...something
],
imports: [
// ...otherModules
NgMarkedPreviewModule
]
})
export class **Module { }基本用法
html
<lib-ng-marked-preview [context]="previewText"></lib-ng-marked-preview>
vue版本 传送门
API
ng-editor-markdown
| 参数 | 说明 | 类型 | 默认值 | 支持全局配置 |
|---|---|---|---|---|
| option | 编辑器配置项 | MarkdownOption | ... | 是 |
| context | 内容传入markdown文本 | string | 否 |
MarkBaseService
| 成员 | 说明 | 类型 | 默认值 | 支持全局配置 |
|---|---|---|---|---|
| toHtml | 将markdown转化为html | function (content: string) | - | |
| useRender | 扩展渲染函数，扩展方式参照marked | function (render) | - | |
| useToken | 扩展解析函数，扩展方式参照marked | function (tokenizer) | - |
扩展例子
constructor( private markBaseService: MarkBaseService) {
const render = {
code: (text: string, infostring: string) : string
};
this.markBaseService.useRender(render);
}