Giter VIP home page Giter VIP logo

inkdrop-excalidraw's Introduction

Excalidraw for Inkdrop

Allows Inkdrop to embed Excalidraw contents to a note.

Note that printing and exporting are not supported since external contents are loaded asynchronously.

Features

  • Save .excalidraw and .exalidraw.png automatically
  • Integrate with inkdrop's inline image widgets
  • FullScreen support

Install

ipm install excalidraw

usage

  1. Setup saveDir option from inkdrop's preferences window > plugins
  2. Open a note and Click "Create Excalidraw" of Context menu
  3. Preview the node and edit Excalidraw!

details of mechanism

Write a link with !Excalidraw caption and path to .excalidraw:

[!Excalidraw](file:///path/to/file.excalidraw)

or, Write a img with Excalidraw alt and path to .excalidraw.png:

![Excalidraw](file:///path/to/file.excalidraw.png)

Preview the note, and you can edit the file as excalidraw file.

Preview

📝 This plugin save the updates automatically.

Settings

You can change save dir from Preferences window:

  • saveDir: A saving directory for .excalidraw files
  • inlineImageWidgets: Enable integration for inline image widgets
    • Replace link syntax to .excalidraw with img syntax to .excalidraw.png automatically

Context Menu

  • Create Excalidraw: create .excalidraw file to saveDir and put the link into current selection

License

MIT

inkdrop-excalidraw's People

Contributors

azu avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar

inkdrop-excalidraw's Issues

Regular Images doesn't show up in preview

Hi,

So I installed this plugin yesterday and since then my images only shows up in the editor view.
Here is a screenshot :
image

I've tested on Windows 10 and Ubuntu 18.04

'No settings for this plugin'

image

I'm wanting to set the saveDir setting and for some reason it doesn't want to let me edit the setting from the preferences window. Any recommendations?

Doesn't support dark mode

When switching from light to dark the change does not save nor is there a setting in the plugin to specify a default. Looked at the css and looks like the plug-in properties does not support theme--dark currently.

Does't work library load from linux

image

Loading chunk 736 failed.
(error: file:///home/anakonda/snap/inkdrop/45/.config/inkdrop/packages/excalidraw/resources/excalidraw-assets/vendor-881ef50682618d9bd3d3.js)

can't open library from my filesystem

Editor inline preview

This plugin generates x.excalidraw and x.excalidraw.svg.
So, you can replace it and you can preview the image in editor mode.

[!Excalidraw](/2021-05-04--14-51-00.excalidraw)

with

![Excalidraw](/2021-05-04--14-51-00.excalidraw.svg)

image

We need to do this process automatically.

Doesn't like Windows file paths

I can write my paths with forward slashes and it works but I thought you might want to know.

image

It seems to come in with the backslashes converted to %5C which makes it fail the path test.

image

My settings:

image

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.