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);
}