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