Code Monkey home page Code Monkey logo

obsidian-diagrams-net's Introduction

Warning I'm sad to say I can't find the time to maintain this plug-in. As such, issues will not be read. I may merge pull requests from time to time. If you think you can maintain this plugin please contact me.

Obsidian Diagrams.Net

GitHub release (latest SemVer)

A plugin for Obsidian for inserting and editing diagrams.net (previously draw.io) diagrams. It differs from the drawio-obsidian plugin in that it embeds the diagrams.net online editor, which requires an active internet connection, but enables the full feature set and all the shape libraries.

2022-06-23-obsidian-diagrams-net

⚠️ Caveats

As Obsidian itself has an API that is under development, so is this plugin. There are some things you should be aware of if you are using it:

  • Diagrams are saved as a separate file – MyDiagram.svg.xml, alongside their image representation – MyDiagram.svg. (The .xml-file can be opened directly in any diagrams.net-editor.)
  • Moving and renaming a diagram inside Obsidian will do so for both the diagram file and the image file. However, since there is no "copy" event to listen to in the Obsidian API, copying a diagram means the new diagram will not have a diagram file associated with it, and as such, cannot be opened in the editor.
  • The workaround, if you need to copy a diagram, is to manually duplicate and rename both the image and diagram file.

🐛 Known issues

  • Editing a diagram will not update the image in the active editor, you need to force a reload or navigate away and back to see the updates.

obsidian-diagrams-net's People

Contributors

jensmtg avatar sugarmouse avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.