[Question] change the editForm fields for htmlelement based custom component.

I build a custom component, based on the html element. It’s adding a predefined HTML Element (H1).

So far everything works, now I want to use a normal text field for the content, instead of the ace code editor. And I want to hide the field to define the HTML Tag.

This is my custom Element code:

 var HtmlComponent = Formio.Components.components.htmlelement;

 function HeaderComponent(component, options, data) {
 	HtmlComponent.prototype.constructor.call(this, component, options, data);
 }

// Perform typical ES5 inheritance
HeaderComponent.prototype = Object.create(HtmlComponent.prototype);
HeaderComponent.prototype.constructor = HeaderComponent;

// see: https://github.com/formio/formio.js/blob/master/src/components/html/HTML.js

 HeaderComponent.schema = function() {
 	return HtmlComponent.schema({
 		type: 'header',
 		tag: 'h1'
 	});
 };

 HeaderComponent.builderInfo = {
 	title: 'Header',
 	group: 'basic',
 	icon: 'fa fa-header',
 	weight: 70,
 	documentation: 'http://help.form.io/userguide/#table',
 	schema: HeaderComponent.schema()
 };

 HeaderComponent.prototype.render = function(element) {

 	return this.renderTemplate('html', {
 		component: this.component,
 		tag: this.component.tag,
 		attrs: this.component.attrs || {},
 		content: this.content,
 		singleTags: this.singleTags,
 	});
 };

// Use the htmlelement component edit form to build the form element
HeaderComponent.editForm = Formio.Components.components.htmlelement.editForm;

// Register the component to the Formio.Components registry.
Formio.Components.addComponent('header', HeaderComponent);

I suspect it has to do with this, but I can’t tell, where to put this schema.

Thanks for any hint.

[marcus-at-localhost]

New docs helped 😃 https://help.form.io/developers/custom-components#header-component

[marcus-at-localhost]

@thiagomeireless unfortunately not. ignore is the on accepted key. Maybe some day there will be a solution. Or I guess, if we really want to add/change fields in the formbuilder, we have to extend and build from the source…