Not getting the Script of Block from editor.getComponents()

Question

Below is the Component that I'm adding. this.editor.BlockManager.add('dob-mmyy-pii', { id: 'dob-mmyy', label: DOB (MM, YYYY) (PII), category: 'Forms', attributes: {class:'fa fa-birthday-cake'}, content : { content :

DOB (Month and Year)

, script : function(){ $( $(this).find('input[name="dob"]') ).datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'MM yy', onClose: function(dateText, inst) { con...

artf · Accepted Answer

@taufeek6 #1576

artf · Answer

If the script is a function and you can't serialize it in a JSON. I think, in your case, you need a new custom component type (you're just adding a block) then you'll export only changed properties (the script will be part of the component definition, so you won't need it in the JSON)

coder-strange · Answer

Bingo! that worked perfectly fine but it's letting all of the element to be selected in the block (By directly giving the block html in 'content', content : { content : 'html' } was working fine) so how do I forbid the elements to be selected in a block? For example, in the above image, I don't want that label, button or headings to be selected, whenever user selects, the whole block will be selected.

Not getting the Script of Block from editor.getComponents()

Question

Answers (3)

Related Questions and Answers

insert element or block inside parent element

Change HTML content while block is render in editor

[Question] How I Get ID From Block?

Script property using function don't work with blocks

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories