Skip to content
This repository has been archived by the owner on Mar 22, 2023. It is now read-only.

Joplin plugin to add support for bytefield-svg diagrams used to describe network protocols, memory layouts and any other binary structure.

License

Notifications You must be signed in to change notification settings

marc0l92/joplin-plugin-bytefield-svg

Repository files navigation

Joplin Plugin - bytefield-svg

This plugin allows you to create diagrams using the syntax defined in https://bytefield-svg.deepsymmetry.org. This type of diagram is usually used to describe network protocols, memory layouts, and other data structures.

This plugin don't need an internet connection to work.

Install the plugin

Automatic installation

Use the Joplin plugin manager to install it (Joplin > Options > Plugins). Search for bytefield-svg.

Manual installation

  • Download the last release from this repository.
  • Open Joplin > Options > Plugins > Install from File
  • Select the jpl file you downloaded.

Markdown syntax

Use the markdown fence syntax to create a new bytefield-svg diagram. Inside this block you can use the syntax documented at https://bytefield-svg.deepsymmetry.org.

Examples

Syntax example:

```bytefield
(draw-column-headers)
(draw-box "Address" {:span 4})
(draw-box "Size" {:span 2})
(draw-box 0 {:span 2})
(draw-gap "Payload")
(draw-bottom)
```

Rendering example:

Rendering example

Other functionalities

Menu shortcuts

If you don't remember the syntax to create a bytefield-svg diagram you can use the templates in the tools menu.

Development

If you want to contribute to this plugin you can find here some useful references:

About

Joplin plugin to add support for bytefield-svg diagrams used to describe network protocols, memory layouts and any other binary structure.

Resources

License

Stars

Watchers

Forks

Packages

No packages published