question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Question, how to make a standalone excalidraw

See original GitHub issue

Disclaimer: I am not a JS or CSS developer, I have a bare understanding of React framework, or build tools like yarn.

What I’d like is the ability to open a local index.html with Excalidraw (an offline version). But I have some difficulty to piece things together. The context of this is to load excalidraw in a Chrominium Embedded frame (JCEF) for an IntelliJ plugin.

I wanted to test what is described here : https://www.npmjs.com/package/@excalidraw/excalidraw#in-browser

<script
  type="text/javascript"
  src="https://unpkg.com/@excalidraw/excalidraw@0.8.0/dist/excalidraw.development.js"
></script>

This is likely wrong, as nothing happens.

I can probably use whatever is built from the yarn directive in the dockerfile:

https://github.com/excalidraw/excalidraw/blob/6dee02e32062057cb5b18702f0b5fe1a3ef571fd/Dockerfile#L15

But isn’t there a better / simpler alternative ? A prebuilt lib like the one on unpkg ?

Thnaks in advance

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
ad1992commented, Jun 18, 2021

@bric3 the API doesn’t expose loadFromBlob hence you are getting the above error. We don’t support Importing images yet.

But we do embed scene data if “Embed scene” is checked as shown below (this will increase your export file size) Screenshot 2021-06-18 at 7 59 52 PM

We will be exposing loadFromBlob as well very soon, there is a similar request here as well post which you will be able to use it.

1reaction
bric3commented, Jun 21, 2021

Not at all. Thx for the pointer ! @ad1992

Read more comments on GitHub >

github_iconTop Results From Across the Web

Excalidraw and Fugu: Improving Core User Journeys
I have an existing file open in the installed Excalidraw PWA that's running in standalone mode. Now I open a new tab in...
Read more >
HLD Mock Interview | Chakde System Design - YouTube
In this episode, we have Aakansha Doshi , a core maintainer at Excalidraw. We will be conducting a Mock System Design Interview on...
Read more >
How to Sketch your Data Science Ideas With Excalidraw
Excalidraw is a virtual whiteboard for sketching hand-drawn like diagrams. ... Excalidraw allows you to seamlessly create a nice hand-drawn ...
Read more >
Why is Excalidraw so good? - Hacker News
Teachers, kids, business users, they all have different questions they want ... Excalidraw – a whiteboard tool to sketch hand-drawn diagrams ...
Read more >
excalidraw/community - Gitter
so, I do need you guys to make up your mind since I am getting weird vibes from your lib originator on vscode...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found