# Svg Editor floorpan image not working anymore

**URL:** <https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [24 September 2024 20:14 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239 "2024-09-24T20:14:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [24 September 2024 20:14 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239/1 "2024-09-24T20:14:16Z")

</div>

Suddenly there's an issue with the [SVG](https://flows.nodered.org/node/node-red-contrib-ui-svg) node from Bart.  
Most likely the problem started after updating NR, dashboard, node, npm or something like that. I can't tell exactly when the problem started, editing the floorplans is not something that is done on regular base.

When you want to edit the floorplan in the editor the background image is not shown.  
In the dashboard it works fine, there is the background image shown.

When you open the editor the space (rectangle) for the image is there, in the properties you can find the link to the image. If you open this link in a browser the image is shown, so most likely the ref link is working.  
Changing the image ref in the svg editor to a random other (cat) image on the internet works.

It looks like that the ref to local machine in the editor is not working or something like that.  
In my setting.js there's `httpStatic: '/home/nodered/node-red-static/',` for the static content.

![SvgEditor](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/7/f7b2aa60a266011a354b73610f093a6c371924e9.gif)

What can be the problem here?  
Bart is not supporting the svg node for db1 anymore, but until there's a suitable replacement for db2 I still (wants) need to use it.

Btw NR 4.03, Dashboard 3.6.5, Svg node 2.3.3, npm 10.8.2, Nodejs V20.17.0

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 September 2024 14:54 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239/2 "2024-09-25T14:54:52Z")

</div>

Hi @edje11,

Do you see perhaps an error in the console log of your browser developer tools, or a problem with that http request the Network tabsheet?

I assume you use - via the svg node - the online DrawSvg [editor](https://www.drawsvg.org/drawsvg.html), and not my local version (via [node-red-contrib-drawsvg](https://github.com/bartbutenaers/node-red-contrib-drawsvg))? If so, I assume the author of the editor has changed something in a recent version.

---

<div class="post-metadata">

**Author:** ![edje11](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/edje11/32/572_2.png) [@edje11](https://discourse.nodered.org/u/edje11)\
**Post date:** [25 September 2024 16:05 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239/3 "2024-09-25T16:05:50Z")

</div>

Hi Bart,

Thanks again for you quick reply.  
I was using the online version of Drawsvg.  
There's indeed an error in the console when you try to edit the background image.

 ![Capture](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/2/427e4954fb686e8577d7b9e1beb0b1c300652a45.png)

Most likely there's something changed in the online version that causes this problem.  
Wasn't aware that you made an local version of Drawsvg, installed this and that works perfect again.

Thanks, will buy your wife [a coffee](https://www.buymeacoffee.com/bartbutenaers) as noted on the github page.

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [25 September 2024 21:30 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239/4 "2024-09-25T21:30:59Z")

</div>

> [@edje11](#):
>
> Most likely there's something changed in the online version

Ah that is a pitty. Yes indeed something will be changed.  
Then you are indeed stuck with the _ **old** _ DrawSvg version offered by my [node-red-contrib-drawsvg](https://github.com/bartbutenaers/node-red-contrib-drawsvg) node. Which means you won't have the latest developments of DrawSvg not anymore at your disposal.

Unfortunately I have migrate my own dashboard at home to D2, and I am now 'trying' to migrate my ui nodes to D2. So no time at all anymore to fix bugs on the old ui nodes. Even not enough time to finalize the new ui nodes...

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [9 October 2024 21:31 UTC](https://discourse.nodered.org/t/svg-editor-floorpan-image-not-working-anymore/91239/5 "2024-10-09T21:31:40Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.