Discourse svgbob

:information_source: Summary Discourse svgbob allows you to include ASCII diagrams in your Discourse posts that are rendered as SVGs
:eyeglasses: Preview Preview on Discourse Theme Creator
:hammer_and_wrench: Repository Link https://github.com/SamSaffron/discourse-svgbob
:open_book: New to Discourse Themes? Beginner’s guide to using Discourse Themes

Install this theme component

Features

For example:

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

Will render as a high fidelity SVG in your post.

image

The component re-packages the open source Svgbob library, an online playground for svgbob is at: Svgbob editor

Settings

Name Description
extend content security policy
svg icons
Translation Default
insert_svgbob_sample Svgbob diagram
22개의 좋아요

Does it have any advantages over yUML?

1개의 좋아요

#customization:theme-component인 경우 #customization:plugin이 아니므로 공유 호스팅에서도 쉽게 설치할 수 있으며, 재빌드가 필요하지 않습니다.

yuml은 UML 다이어그램을 그리고, svgbob은 자유 형식 드로잉 도구입니다.

8개의 좋아요

Note, we moved this to my personal repo, this is no longer an official theme component.

3개의 좋아요

I think it needs a little extra undressing to remove all its ‘official’ clothes. :slight_smile: As it’s a wiki I’ve taken the liberty of removing the ‘official’ blurb and hosting info, and dropping the :discourse2: for :information_source:.

Ideally it would also have the topic ownership changed away from @Discourse and back to you, as well as having its tag icon removed and being snipped out of the ‘official theme component’ tag group as well. The hidden #ecb tag also needs to be removed.

The preview in theme creator could also do with being changed from Discourse to yourself as well.

(Theoretically, third-party theme components don’t get their own tag, but you may be able to pull some strings and have an exception :slight_smile: If even you don’t have enough sway for that then the svgbob topics may need a tidy up too)

ETA: Also a removal from the official list in the doc as well Customizing your site with existing theme components

3개의 좋아요

Sam, 안녕하세요. 이 컴포넌트에 대해 질문이 있는데, 리치 에디터 지원 추가 계획이 있는지 궁금합니다.

또한 명확성을 위해 "SVGblob Height"라는 명칭을 높이를 조정하는 용도로 더 명확하게 수정하는 것이 좋을 것 같습니다.

  • 샘플 코드에서 두 개의 박스가 표시되도록 하려면 이 값을 어떻게 설정해야 하는지 파악하는 데 시간이 좀 걸렸습니다. 완성된 블롭을 보려면 이 값을 늘려야 했습니다.

업데이트: 컴포저의 샘플 삽입 기능을 사용해보니, SVGblob 높이를 정의하지 않는 것을 확인했습니다. 따라서 이 설정은 높이를 제한하고 싶을 때 선택적으로 사용 가능한 것 같습니다.

정말 멋진 컴포넌트입니다.

PR을 만들었습니다: FEATURE: Add rich text editor support - Pull Request #42 - SamSaffron/discourse-svgbob - GitHub.

이것이 병합되면, SVGBob를 업데이트하기 위해 다른 PR을 만들 예정입니다. 새로운 기능이 추가된 것 같습니다. :+1:

4개의 좋아요