Help Center
  • Welcome
  • Setka Editor
    • Getting started
    • Drag-and-Drop & Multiselect
    • Text editing
    • Grids and Layout
    • Images
      • Image Editor
    • Background images
    • Icons
    • Animations
    • Lists
    • Tables
    • Dividers
    • Footnotes
    • Hotspots
    • Enhance Symbols
    • Post templates
    • Buttons
    • Comments and collaboration
    • Embeds
    • Hyphenation
    • Responsive layout for mobile screens
    • Custom CSS
    • Custom JS plugins
  • Setka Content Design System Manager
    • Creating and editing styles
    • Text formats and fonts
    • Styles display for mobile mevices
    • Text and background colors
    • Dividers
    • Icons
    • Components – reusable design elements
      • Creating Components with HTML and CSS
        • CSS in components
        • Component examples
    • Configuring layout grids
    • Editing default elements with Custom CSS
    • Adding team members
  • Account Settings
    • Account settings basics
    • Access rights
    • Billing and subscription
  • Preserve your Setka Editor content after the service shutdown
  • Integrations
    • Setka and WordPress
      • Installing Setka Editor WordPress plugin
      • Launching Setka Editor on the post creation page
      • Setka Editor and WordPress compatibility
      • Setka Editor compatibility with the most popular WordPress plugins
      • Inserting graphs, charts, or diagrams into a post
      • Setka Editor and Google AMP
      • Inserting adverts into a post
      • srcset — the attribute for image size optimization
      • Page load speed optimization settings
        • Autoptimize plugin configuration
      • WordPress troubleshooting: known Issues and how to fix them
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Drupal
      • Setka for Drupal — compatibility, and features
      • Installing Setka modules for Drupal
      • Setka content on AMP pages in Drupal
    • Setka and Magento
      • Installing Magento 2 extension
        • Setka Editor configuration page
      • Preserve your Setka Editor content after the service shutdown
    • Setka and HubSpot
      • Setka Editor and HubSpot Blogs
      • Setka Editor and HubSpot Landing Pages
      • Semi-gated content with a HubSpot form
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Bitrix
      • Preserve your Setka Editor content after the service shutdown
    • Setka and Ghost
      • Copying and pasting posts from Setka to Ghost
    • Setka and SharePoint Online
      • Installing Setka Editor application into SharePoint Online
    • Setka and Zapier
      • Setka and Webflow
        • Exporting new posts
        • Updating exported posts
      • Setka and Shopify
    • Setka and Integromat
    • Content Cloud
  • API
    • Setka Content Cloud API
    • Webhooks
    • API for Custom CMS Integration
      • Introduction to custom integration
      • Integration with Content Design System Manager (CDSM)
        • Initial sync — receiving Setka Editor files to connect them to your CMS
        • Storing and processing Setka Editor files
        • Connecting Setka Editor files to the pages of your site
        • Receiving style updates from the Style Manager and new editor versions
      • Setka Post Editor initialization (JavaScript)
      • Integration with Style Manager (API v1, previous version)
      • Preserve your Setka Editor content after the service shutdown
    • Custom Components API
  • VIDEO TUTORIALS
    • Setka Editor Video Tutorials
  • Components Library
    • Components Library
    • Guide: Ideas for Using Setka Editor’s Components to Improve Content Design
  • Content Experience Design Best Practices
    • Guide To Designing a Great Content Experience
Powered by GitBook
On this page
  • What is hyphenation?
  • How does hyphenation work
  • Automatic hyphenation for mobile devices
  • Automatic hyphenation for the desktop version
  • Disabling automatic hyphenation
  • In a specific post
  • In all posts
  • Non-breaking space

Was this helpful?

  1. Setka Editor

Hyphenation

Learn how the hyphenation works in Setka and how you can disable it if necessary.

What is hyphenation?

If this option is disabled, then all the words will start with a new line in case they do not fit in the previous one.

How does hyphenation work

Hyphenation rules depend on a language. HTML defines the post's language via a tag. Hyphenation works under 2 conditions:

1. if is included in a page code.

2. if there is a hyphenation dictionary available.

You can either set a language for the whole website via CMS or you can set it for each of your pages.

Automatic hyphenation for mobile devices

There is a CSS property hyphens: auto-addedby default for all text elements created via Setka Editor. The property is applied to narrow screens and activates automatic hyphenation.

Automatic hyphenation for the desktop version

By default, automatic hyphenation is disabled for the desktop version. To enable it, you need to do the following:

1. Make sure there us an attribute with the needed language added to your page's template

2. Add the following code to your website's styles:

.stk-reset {hyphens: auto;}

Disabling automatic hyphenation

Sometimes automatic hyphenation does not fit your layout design. In such cases, it can be disabled.

In a specific post

In order to disable hyphenation in a specific post, you need to:

1. Open a Post tab in the editor (in the Upper Toolbar).

2. Expand it with the ▼ button.

3. Add the following code in a Custom CSS field:

-webkit-hyphens: manual; hyphens: manual;

In all posts

.stk-reset {
  -webkit-hyphens: manual;
  hyphens: manual;
}

Non-breaking space

A non-breaking space forces 2 words to remain in one line restricting them from hyphenation.

Use these keyboard combinations to apply non-breaking spaces in your text:

  • Mac OS — ALT+SPACE.

  • Windows — CTRL+SHIFT+SPACE.

PreviousEmbedsNextResponsive layout for mobile screens

Last updated 4 years ago

Was this helpful?

Read a more detailed description of how to set automatic hyphenation in your CMS .

In order to disable hyphenation in all posts, add the following code to a CSS field in your style in your

Please note: you can opt for our inbuilt function to apply non-breaking spaces automatically.

in this article
Learn more about using Custom CSS in Setka Editor.
Content Design System Manager:
Enhance Symbols