Discourse svgbob

Personalização Componente de tema
1

|||
-|-|-
:information_source: | Resumo | Discourse svgbob permite que você inclua diagramas ASCII em suas postagens do Discourse que são renderizados como SVGs
| :eyeglasses: | Pré-visualização | Pré-visualização no Criador de Temas do Discourse
:hammer_and_wrench: | Link do Repositório | \u003chttps://github.com/SamSaffron/discourse-svgbob\u003e
:open_book: | Novo no Discourse Themes? | Guia para iniciantes sobre como usar temas do Discourse

Instalar este componente de tema

Recursos

Por exemplo:

```svgbob height=54
+--------+      +------------+
| A Box  |----->| Another box |
+--------+      +------------+
```

Será renderizado como um SVG de alta fidelidade em sua postagem.

image

O componente reempacota a biblioteca de código aberto Svgbob, um playground online para svgbob está em: Svgbob editor

Configurações

Nome Descrição
estender a política de segurança de conteúdo
ícones svg
Tradução Padrão
insert_svgbob_sample Diagrama Svgbob
22 curtidas
Discourse theme components now support Wasm :confetti_ball:
Image Annotator - Allows you to annotate images in the previewer
10

Ele tem alguma vantagem sobre o yUML?

1 curtida
11

Por ser um Customization > Theme component em vez de um Customization > Plugin, ele pode ser instalado facilmente, até mesmo em hospedagem compartilhada, e não há necessidade de reconstruções.

O yuml também desenha, bem, diagramas UML, enquanto o svgbob é uma ferramenta de desenho livre.

8 curtidas
20

Observe, movemos isso para o meu repositório pessoal, este não é mais um componente de tema oficial.

3 curtidas
21

Eu acho que ele precisa de um pouco mais de “despir” para remover todas as suas roupas ‘#oficiais’. :slight_smile: Como é um wiki, tomei a liberdade de remover o texto ‘oficial’ e as informações de hospedagem, e trocar o :discourse2: por :information_source:.

Idealmente, a propriedade do tópico também seria alterada de @Discourse para você, bem como a remoção do ícone de tag e a exclusão do grupo de tags ‘official theme component’. A tag oculta ecb também precisa ser removida.

A prévia no criador de temas também poderia ser alterada de Discourse para você.

(Teoricamente, componentes de tema de terceiros não recebem sua própria tag, mas você pode conseguir algumas exceções :slight_smile: Se nem você tiver influência suficiente para isso, os tópicos svgbob podem precisar de uma organização também)

ETA: Também uma remoção da lista oficial na documentação: Customizing your site with existing theme components

3 curtidas
22

Oi Sam, eu estava me perguntando se há planos para adicionar suporte a editor rico neste componente?

Além disso, para maior clareza, o “SVGblob Height” talvez deva ser esclarecido para aumentar/ajustar.

  • Levei um tempo para entender como fazer uma caixa menor aparecer no seu exemplo de código com 2 caixas. Eu precisei aumentar esse valor para ver o blob completo.

Componente incrível

23

Criei um PR FEATURE: Add rich text editor support - Pull Request #42 - SamSaffron/discourse-svgbob - GitHub.

Se for mesclado, farei outro para atualizar o SVGBob; parece que há novos recursos. :+1:

3 curtidas