Contents
Working with text in Setka Editor
How to select several paragraphs at the same time?
Why justified layout is not available?
How to adjust bottom indentations?
How to regulate internal indentations?
Is there a way to set different colors for individual words?
How to make scrolling to anchors smooth?
How to add a table of contents?
Working with text in Setka Editor
In Setka Editor, the text is divided into paragraphs. Rather than working with single lines of text, formatting is applied to the whole paragraph. To change several paragraphs at the same time, hold CMD or CTRL and click on desired paragraphs to select multiple. Changes made will be applied to these paragraphs.
SHIFT+ENTER shortcut creates a new line in the same paragraph. This can be more convenient when you type an article directly in the Editor. When inserting large pieces of text, the Editor will break it up into paragraphs.
How to format text?
Formatting and all keyboard shortcuts are applied to the whole paragraph. However, separate words and lines of text (within the paragraph) can also be edited — you can set them as italic or bold and add anchors and links to them. These options are displayed in the Selection tab when some text is highlighted.
How to delete a line?
Select some text or an element and press backspace to delete. Right-click inside the post and select Delete paragraph or Delete grid to remove larger elements.
How to switch text formats?
Click inside a paragraph. You will see the Format option in the Paragraph tab. These text styles are created in the Content Design System Manager (CDSM).
How to select several paragraphs at the same time?
Hold CMD or CTRL and click the desired paragraphs. You can then apply the same changes to multiple paragraphs.
If you need to select the whole content of the article, press CMD/CTRL+SHIFT+A.
How to align text?
Click inside a paragraph. You will see text alignment options in the Paragraph tab. in the centre, to the left or right, or by post width.
Why justified layout is not available?
As you can see, there is no justified alignment option. This type of alignment is not welcome in terms of typography for these particular reasons:
1. Visual mess inside a text block
There are plenty of text alignment tools in the press: hyphenation, word spacing, wide and narrow font options etc. Layouts with justified alignment look good only when it is made by hand by a professional typesetter. In the case of web pages, an uncontrolled increase in the width of spaces occurs.
2. Bad readability
Justified text is harder to read. The eye is constantly forced to seek out the beginning of the next word and rearrange perception from row to row due to different-sized spaces.
3. Incompatibility with mobile devices
Such layout directly contradicts the requirements of mobile devices, for which the shorter the line, the better.
How to adjust bottom indentations?
Click inside the paragraph and select bottom indentation in pixels (px) in the Paragraph tab. You can also use CMD/CTRL+↑/↓ shortcut. Indent values are divisible by the line height parameter of the font used, in order to maintain the post’s layout.
How to regulate internal indentations?
Internal indentations are margins at the top and bottom of a paragraph. Click inside the paragraph, select inner indent in pixels (px), and in the Paragraph tab, to alter these margins.
How to change the text color?
To change the color of the text, click inside the paragraph, and select the desired color in the Paragraph tab. These colors are chosen in the Content Design System Manager (CDSM).
How to add icons to the text?
To add icons, click in the right hand toolbar. Your preselected icons and emojis are displayed here.
Is there a way to set different colors for individual words?
No, you can only select a color for the whole paragraph. This was a conscious decision made by our designers to ensure the readability of your posts.
How to create an anchor?
An anchor provides an internal link or bookmark to another part of your post. They can be useful when creating tables of content for longer posts.
To create an anchor, click inside the paragraph (which you would like your link to be directed to), select the Anchor option in the Paragraph tab, and give the anchor a name.
To reach this anchor from another part of your post, highlight the desired text or elements, and select Anchor name in the Selection tab. This will create a link to the anchor. Clicking on this text or element will take you directly to the part of the post where the anchor was applied.
How to make scrolling to anchors smooth?
By default, clicking on an anchor instantly takes you to the dedicated paragraph in the text. It is possible to turn this transition into a smooth scroll. Just add this code in the Custom CSS section on your style settings.
@at-root {
html, body { scroll-behavior: smooth; }
}
Please note that some browsers do not support smooth scrolling.
How to add a link?
Highlight the required word or text fragment. In the Selection tab, insert the link into the Link field.
How to add a table of contents?
If you are making a long post with multiple sections, you can add navigation for them. Add a table of contents before your article and assign an anchor for each header as described above.