Как добавить диаграммы русалки в экземпляр rocket.chat? - PullRequest
Новая
       83

Как добавить диаграммы русалки в экземпляр rocket.chat?

0 голосов
/ 17 апреля 2020

Что-то неотразимое в интеграции синтаксиса русалки в тексте уценки, поскольку это довольно "markdowni sh". Мне пришла в голову мысль, что я хотел бы напечатать свою собственную диаграмму русалки в окне rocket.chat и увидеть, как она интерпретируется на лету.

У меня уже была возможность работать над интеграцией русалок, и я надеюсь, что это Это не должно быть слишком сложно.

Русалка - это, по сути, javascript библиотека, которая работает с HTML фрагментами вроде: 

<div class="mermaid">
    graph TD
      A[Christmas] -->|Get money| B(Go shopping)
      B --> C{Let me think}
      C -->|One| D[Laptop]
      C -->|Two| E[iPhone]
      C -->|Three| F[fa:fa-car Car]
</div>

Так что в основном требуется только генерировать этот кусок кода + включить русалка javascript библиотека в визуализируемую панель, чтобы получить правильно отображаемую диаграмму, которая будет выглядеть следующим образом:

enter image description here

Вопрос, который я здесь задаю, заключается в том, с чего можно начать, настроить экземпляр rocket.chat (и / или использовать его API), чтобы можно было убедить его интерпретировать тип пользователя последовательность в сообщении, например: 

```mermaid
graph TD
  A[Christmas] -->|Get money| B(Go shopping)
  B --> C{Let me think}
  C -->|One| D[Laptop]
  C -->|Two| E[iPhone]
  C -->|Three| F[fa:fa-car Car]
```

как правильная диаграмма?

...