Plugin: js-draw integration

Plugins
,
38

Excellent!

1 Like
39

The Android beta has been updated! js-draw now has new pen icons and rotation snapping while rotating the screen with a touchscreen.

Joplin has also been updated, which brings support for profiles (see settings > profile manager).

2 Likes
40

Hi there!

It seems to be fantastic!

But I am really new to Joplin and its plugins. Sorry guys for asking this (maybe a very newbie question), but, supposint I draw inside a note: how will this data be stored?

I mean, thinking in the data continuity, how will the data be stored in my notes when I draw using this plugin? Some kind of "Mermaid-like" syntax?

41

It's stored as an SVG — in the desktop app, right-clicking on one of the drawings should give an option to open it in a text editor (or save in a location you can open it).

42

Great! Thank you.

43

The Android beta has been updated again! A "Format Selection" button has been added — it is now possible to change the color of selected strokes/text.

3 Likes
44

Excellent news, and working fine!

45

Is there any user manual on how to I get the Editor installed on Android with Joplin? I don't see "Plugins" in the Settings of the Joplin App.

1 Like
46

@taubers you need to install the latest prerelease. It then appears as 'Joplin beta' aside your normal Joplin, and decorrelated from your normal notes (indeed you get another notespace with the startup notes, how-to etc.)
Within this Joplin beta you have the draw editor exactly like in the current computer version.
I expect the mainstream Android version to incorporate js-draw quite soon now, but if you are in a hurry you may try sync'ing the Joplin-beta instance with your 'normal' Joplin, I suppose you then will get all your former notes duplicated in the beta app (and all the initial beta how-to back in Joplin, unles you deleted them). For this last point I just expect it'll work like that, I didn't try it.
To get the Joplin beta app climb up the thread, you get the apk url in the latest posts from Henry Heino. Download the apk then install it...

2 Likes
47

I've just released a new version of the Android beta! It adds:

  • The ability to change the background color of an image
  • An "Edit" button that appears after tapping on an editable SVG image.
    • Previously, it was necessary to long-press on drawings, then click "Open" to edit them.

It can be installed (on Android) by downloading the joplin-drawing.apk file in the corresponding GitHub release:

As mentioned above, this beta release installs alongside the stable version of Joplin as Joplin (Beta). It's based on the (work-in-progress) pull request adding the image editor to Joplin. It does not auto-update.

A drawing can be added by clicking "Attach", then "Draw Picture" after opening a note. An existing drawing can be edited by long-pressing and selecting "Open", or tapping once on the drawing and clicking the pop-up "Edit" button.

The Android beta is still a work-in progress. Please let me know if you have any feedback!

3 Likes
48

Thanks!

49

Thanks! Downloaded from the link and "attached" and it works very well! Thank you very much!

1 Like
50

@personalizedrefriger have you considered applying for Github Sponsors?

3 Likes
51

I don't plan on signing up for GitHub sponsors, but if you want to support js-draw development, consider donating to one of these organizations:

  • [Accepting donations through GitHub sponsors] bezier-js: JS-Draw uses this library to do much of its stroke-related math (e.g. determining when something intersects a stroke).
  • [Accepting donations through GitHub sponsors] Joplin Organization: I might be working here in a few months, so donations to Joplin should also help js-draw!

js-draw also has a long list of build-time dependencies (e.g. webpack). Many of these are accepting donations, too.

2 Likes
52

Sorry for the long delay! This should be fixed in version 1.4.7 of the plugin. The plugin now quickly switches to the markdown editor and back again when attempting to insert an image if in the rich text editor.

There's still no way to edit an existing image from the rich text editor, but I plan try to add this functionality soon!

53

The Android beta has been updated!

Among other changes, new images now have a default background color. After editing an image, the default background color is changed to the background color of the just-edited image.

2 Likes
54

The Android beta has been updated!

This adds support for grid-patterned backgrounds and merges recent changes from joplin/dev.

2 Likes
55

Thank you for all this work!!
A side question: do I understand correctly that if I sync the be ta version with my "nominal" server, I'Il replicate my current database to the beta Joplin?
(rather than e.g. propagating the beta emptiness rearwards?)
Thank you again and all the best !

56

Yes. That should work!

1 Like
57

Excuse me, When can I use this function in the official app?