Comment on page
Hyphenation
Learn how the hyphenation works in Setka and how you can disable it if necessary.
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.
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.
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. 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;}
Sometimes automatic hyphenation does not fit your layout design. In such cases, it can be disabled.
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 order to disable hyphenation in all posts, add the following code to a CSS field in your style in your Content Design System Manager:
.stk-reset {
-webkit-hyphens: manual;
hyphens: manual;
}
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.
Please note: you can opt for our inbuilt Enhance Symbols function to apply non-breaking spaces automatically.
Last modified 2yr ago