Skip to main content

How can I customize text and inline font controls in Unlayer's Editor?

Khizar Tanveer avatar
Written by Khizar Tanveer
Updated over 3 months ago

How Can I Customize Text and Font Controls in Unlayer's Editor?

Unlayer’s Editor offers several options for customizing text and font-related features, enhancing the flexibility and functionality available to users. Below, we'll explore key customizations, including enabling inline font controls and managing text properties within the editor.

Overview of Text and Font Customization Options

The Unlayer Editor allows users to:

  1. Enable inline font controls, enabling text alignment and font modifications within the same text box.

  2. Disable or manage text property groups through configuration settings to optimize the editor experience.


Enabling Inline Font Controls for Better Alignment

To manage alignment and other font settings within the same text box, you can enable inline font controls in the Unlayer Editor. Doing so eliminates the need to create multiple text boxes for different formatting options. Here is how you can enable it:For more information, visit the Enable Inline Font Controls Documentation.


Disabling a Property Group in the Editor Sidebar

Although you cannot hide specific text properties (e.g., "Text Align") within the sidebar individually, Unlayer allows you to disable an entire property group. This can be done by modifying the configuration file with the following JavaScript code:

 tools: { 
   text: { 
     sections: { 
       text: { 
         editor:{ 
           enabled: false, 
         } 
       }, 
     }, 
   },
 }

This configuration disables the text property group, ensuring it doesn't appear in the sidebar. Adapt this approach based on your specific customization requirements.


Related Topics

By following these customized settings, users can create a streamlined and adaptable text editing experience within the Unlayer Editor.

Did this answer your question?