HMarkdown

ohpm install @lidary/markdown

import { Markdown } from '@lidary/markdown';

```typescript
Markdown({
  content: this.markdownContent,
  lineSpace: 6,
  // Замена глобальной темы, установленной через markConfig.setTheme (наивысший приоритет)
  theme: {
    themeColor: Color.Orange,
    link: {
      fontColor: Color.Orange
    }
  },
  fontStyle: {
    fontColor: this.isDark ? Color.White : Color.Black
  }
}).backgroundColor(this.isDark ? Color.Black : Color.White)
```> #### Приоритет конфигурации (от высокого к низкому) следующий:
>
> 1. Тема **theme**, переданная через компонент Markdown
>
>  2. Вызов метода `markConfig.setTheme`
>
>  3. Встроенная по умолчанию тема в HMarkdown

---

### Плагины

1. Добавление плагинов

```typescript
// Добавление парсера математических формул (подробнее см. demo)
markConfig.addPlugin([latexBlock(), latexInline()])

// Можно получить свойства, такие как цвет шрифта, отступы и т.д., через that.fontStyle, that.theme, that.lineSpace
@Builder
function BlockBuilder(type: string, token: Tokens.Generic, that: ESObject) {
  if (type === 'blockKatex') {
    // Можно передать token.text на сервер для генерации svg
    Row()
    {
      Image($r('app.media.latex_test'))
        .fillColor(that.fontStyle?.fontColor)
        .height(40)
    }
    .
    width('100%')
      .justifyContent(FlexAlign.Center)
  }
}

@Builder
function InlineBuilder(type: string, token: Tokens.Generic, that: ESObject) {
  if (type === 'inlineKatex') {
    // Можно передать token.text на сервер для генерации svg
    ImageSpan($r('app.media.latex_test'))
      .height(40)
      .verticalAlign(ImageSpanAlignment.CENTER)
  }
}

markConfig.customBlockBuilder = wrapBuilder(BlockBuilder)
markConfig.customInlineBuilder = wrapBuilder(InlineBuilder)
```## Лицензия

Проект использует лицензию [MIT License](https://gitee.com/daryl_code/HMarkdown/blob/main/Markdown/LICENSE). Пожалуйста, используйте и участвуйте в открытом исходном коде.