Custom tools can help you add your own content blocks to the editor. We know that every application is different and needs different tools to reach its full potential. You can create this either through dashboard or Javascript. However, the options in dashboard are limited.
How can I create custom tools using Dashboard?
For this, you should:
open Unlayer dashboard
go to your Project. If you don't have one, create a new one.
go to the Tools menu on top
click New Tool
fill the form and click Create Tool
See video below
Can I change the properties order of custom tools?
Yes, you can do it but this is applicable for custom tools developed through Javascript API.
How I create custom tools using Javascript API?
You can do that with support of Custom JS feature. Please follow our documentation for complete guide and example.
Please note that Custom JS is a premium feature and is allowed only on our paid plans. If you are free user, you can only create custom tool through dashboard.
What should I do to resolve the error: Unlayer.registerTool function doesn't exist?
Please note that this errors occurs mainly due to two major reasons. They are:
Calling the function outside the iFrame, but not passing the JS code as 'customJS'
Not passing your projectId in your init code.
See example below:
Can I add more custom tools?
Yes, you can add more custom tools if you are on our paid plans. Please contact us for pricing.
How can I implement custom CSS? How can I implement custom JS?
You can easily do by either passing the URL in respective components or declaring any of these in the Unlayer init code. There is a complete documentation to guide you.
Can I change appearance of tools in the editor?
Yes, it is possible through custom CSS.
Are custom CSS and custom JS paid features?
Yes, they are only available to our paid plan customers.