Tools

Tools are basic content elements that are used to create a design. Text, image, and button are some examples of our built-in tools. Users can drag these tools into their email or landing page design to add content. You can also build custom tools for your application.

Enable / Disable Tools

You can choose which tools to enable or disable for the Unlayer editor instance.

Here's some examples...

Disable Image Tool

unlayer.init({
  tools: {
    image: {
      enabled: false
    }
  }
});

Reposition Tools

You can reposition tools to appear before or after other tools.

unlayer.init({
  tools: {
    image: {
      position: 1
    }
  }
});

Usage Limit

You can specify a limit to how many times a tool can be used in a single design. For example, if you want the form to be used only once in a design, you can do this:

unlayer.init({
  tools: {
    form: {
      usageLimit: 1
    }
  }
});

Change Icon

You can change the icon of any tool. For example, if you want to change the icon of image tool, you can do this:

unlayer.init({
  tools: {
    image: {
      icon: '[IMAGE URL HERE]'
    }
  }
});

Built-In Tools

The following tools are built-in and available for use. You can check their individual pages for more configuration options.

Custom Tools

A custom tool can help you add more content elements to the editor. Learn more on how to build a custom tool.