Manipulate DOM in plugin preview

Plugin builders
1

Hi everyone!

I’m trying to manipulate the DOM in my plugin but i can’t do it. I’ve tryied to use the other version of the bubble Plugin API and it works! But i want to use the lastest version. Here is the code (preview tab):

function(instance, properties) {
const previewContainer = document.createElement(‘div’);
previewContainer.setAttribute(‘style’, ‘background-color: black; position: absolute; top: 0; left: 0; width: 100%; height: 100%;’);
const description = document.createElement(‘p’);
description.setAttribute(‘style’,‘text-align: center; color: white;’);
description.innerHTML = ‘My plugin description’;
previewContainer.appendChild(description);
instance.canvas.append(previewContainer);
}

1 Like
2

Funny, that’s exactly what I’m trying to do as well

1 Like
3

Element preview is currently broken. If you send a bug report, hopefully it will raise priority of the fix :face_with_monocle:

3 Likes
4

lol, apparently we can’t do this by now🤷🏻‍♂️

5

Thanks!! Now let’s cry in the shower

6

I saw a different post the other day, apparently it’s been broken for years :grimacing:

1 Like