Issue #2401Opened November 12, 2019by Indhumathi20166 reactions

How to check a component or element is present in canvas or not

Question

Code SnippetTEXT

I have been trying to enable a checkbox in trait on load, when a element is present in canvas but unfortunately i don't know how to check the element is present or not, i'm trying the following code in onRender() method


const canvasElement = editor.DomComponents.getWrapper();
  let isGdprEnabled = false;
  if (canvasElement.getEl().getElementById('gist-gdpr')) {
    isGdprEnabled = true;
  }

when i tried the above code, i got error "getElementById is not a function" if i used getElementsByClassName it return the HtmlCollection but when i trying to get the length of HtmlCollection it returns 0, but actually there is one element inside the HtmlCollection.
Is there any other way to do it ?, pls help me in this.

Thanks

Answers (2)

pouyamiralayi• November 12, 20194 reactions

Hi @Indhumathi2016 you can use find method:

const wrapper = editor.getWrapper()
const el = wrapper.find('#gist-gdpr')[0]

cheers!

Indhumathi2016• November 13, 20192 reactions

Code SnippetTEXT

@pouyamiralayi 
It's working fine when i do like this

editor.on('load', () => {
const wrapper = editor.getWrapper()
const el = wrapper.find('#gist-gdpr')[0]
});

Thanks

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

How to check a component or element is present in canvas or not

Question

Answers (2)

Related Questions and Answers

[QUESTION] How to load a new trait I added in a built-in component?

[QUESTION]: How to remove the components correctly?

BUG: load blocks closed by default?

How to render component in canvas using trait.

Paid Plugins That Match This Issue

Browse Plugin Categories