<p>In the <ahref="https://www.onlyoffice.com/document-editor.aspx"target="_blank"onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>, you can make your text more emphatic and draw attention to a specific part of the document, you can insert a text box (a rectangular frame that allows entering text within it) or a Text Art object (a text box with a predefined font style and color that allows applying some effects to the text).</p>
to add a text box, click the <divclass ="icon icon-inserttexticon"></div><b>Text Box</b> icon on the top toolbar, then click where the text box should be added, hold the mouse button and drag the text box border to specify its size. When you release the mouse button, the insertion point will appear in the added text box, allowing you to enter your text.
<pclass="note"><b>Note</b>: it's also possible to insert a text box by clicking the <spanclass ="icon icon-insertautoshape"></span><b>Shape</b> icon on the top toolbar and selecting the <spanclass ="icon icon-text_autoshape"></span> shape from the <b>Basic Shapes</b> group.</p>
<li>to add a Text Art object, click the <divclass ="icon icon-inserttextarticon"></div><b>Text Art</b> icon on the top toolbar, then click on the desired style template – the Text Art object will be added at the current cursor position. Select the default text within the text box with the mouse and replace it with your own text.</li>
<p>As the inserted text object represents a rectangular frame with text in it (Text Art objects have invisible text box borders by default), and this frame is a common autoshape, you can change both the shape and text properties.</p>
<p>To delete the added text object, click on the text box border and press the <b>Delete</b> key on the keyboard. The text within the text box will also be deleted.</p>
<p>Select the text box by clicking on its border to be able to change its properties. When the text box is selected, its borders are displayed as solid (not dashed) lines.</p>
<li>to <ahref="../UsageInstructions/InsertAutoshapes.htm#shape_resize"onclick="onhyperlinkclick(this)">resize, move, rotate</a> the text box, use the special handles on the edges of the shape.</li>
<li>to edit the text box <ahref="../UsageInstructions/InsertAutoshapes.htm#shape_fill"onclick="onhyperlinkclick(this)">fill</a>, <ahref="../UsageInstructions/InsertAutoshapes.htm#shape_stroke"onclick="onhyperlinkclick(this)">line</a>, <ahref="../UsageInstructions/InsertAutoshapes.htm#shape_wrapping"onclick="onhyperlinkclick(this)">wrapping style</a> or <b>replace</b> the rectangular box with a different shape, click the <b>Shape settings</b><divclass ="icon icon-shape_settings_icon"></div> icon on the right sidebar and use the corresponding options.</li>
<li>to <b>align</b> the text box on the page, <b>arrange</b> text boxes as related to other objects, <b>rotate or flip</b> a text box, change a <b>wrapping style</b> or access the shape <b>advanced settings</b>, right-click on the text box border and use the <ahref="../UsageInstructions/InsertAutoshapes.htm#shape_rightclickmenu"onclick="onhyperlinkclick(this)">contextual menu options</a>. To learn more on how to arrange and align objects, please refer to <ahref="../UsageInstructions/AlignArrangeObjects.htm"onclick="onhyperlinkclick(this)">this page</a>.</li>
<pclass="note"><b>Note</b>: it's also possible to change the text formatting when the text box (not the text itself) is selected. In thus case, any changes will be applied to all the text within the text box. Some font formatting options (font type, size, color and decoration styles) can be applied to the previously selected text fragment separately.</p>
<p>To <b>rotate</b> the text within the text box, right-click the text, select the <b>Text Direction</b> option and then choose one of the available options: <b>Horizontal</b> (is selected by default), <b>Rotate Text Down</b> (sets a vertical direction, from top to bottom) or <b>Rotate Text Up</b> (sets a vertical direction, from bottom to top).</p>
<p>To <b>align the text vertically</b> within the text box, right-click the text, select the <b>Vertical Alignment</b> option and then choose one of the available options: <b>Align Top</b>, <b>Align Center</b> or <b>Align Bottom</b>.</p>
<p>Other formatting options that you can apply are the same as the ones for regular text. Please refer to the corresponding help sections to learn more about the necessary operation. You can:</p>
<ul>
<li><ahref="../UsageInstructions/AlignText.htm"onclick="onhyperlinkclick(this)">align the text horizontally</a> within the text box</li>
<li>adjust the <ahref="../UsageInstructions/FontTypeSizeColor.htm"onclick="onhyperlinkclick(this)">font type, size, color</a>, apply <ahref="../UsageInstructions/DecorationStyles.htm"onclick="onhyperlinkclick(this)">decoration styles</a> and <ahref="../UsageInstructions/FormattingPresets.htm"onclick="onhyperlinkclick(this)">formatting presets</a></li>
<li>set <ahref="../UsageInstructions/LineSpacing.htm"onclick="onhyperlinkclick(this)">line spacing</a>, change <ahref="../UsageInstructions/ParagraphIndents.htm"onclick="onhyperlinkclick(this)">paragraph indents</a>, adjust <ahref="../UsageInstructions/SetTabStops.htm"onclick="onhyperlinkclick(this)">tab stops</a> for the multi-line text within the text box</li>
<li>insert a <ahref="../UsageInstructions/AddHyperlinks.htm"onclick="onhyperlinkclick(this)">hyperlink</a></li>
<p>You can also click the <b>Text Art settings</b><spanclass ="icon icon-textart_settings_icon"></span> icon on the right sidebar and change some style parameters.</p>
<p>Change the applied text style by selecting a new <b>Template</b> from the gallery. You can also change the basic style by selecting a different font type, size etc.</p>
<pid="color">Click the colored box below and select the necessary color from the available <ahref="../UsageInstructions/ChangeColorScheme.htm"onclick="onhyperlinkclick(this)">color sets</a> or specify any color you like:</p>
</li>
<li>
<b>Gradient Fill</b> - select this option to fill the letters with two colors which smoothly change from one to another.
<li><b>Style</b> - choose one of the available options: <b>Linear</b> (colors change in a straight line i.e. along a horizontal/vertical axis or diagonally at a 45 degree angle) or <b>Radial</b> (colors change in a circular path from the center to the edges).</li>
<li><b>Direction</b> - choose a template from the menu. If the <b>Linear</b> gradient is selected, the following directions are available: top-left to bottom-right, top to bottom, top-right to bottom-left, right to left, bottom-right to top-left, bottom to top, bottom-left to top-right, left to right. If the <b>Radial</b> gradient is selected, only one template is available.</li>
<li><b>Gradient</b> - click on the left slider <divclass ="icon icon-gradientslider"></div> under the gradient bar to activate the color box which corresponds to the first color. Click on the color box on the right to choose the first color in the palette. Drag the slider to set the gradient stop i.e. the point where one color changes into another. Use the right slider under the gradient bar to specify the second color and set the gradient stop.</li>
<pclass="note"><b>Note</b>: if one of these two options is selected, you can also set an <b>Opacity</b> level dragging the slider or entering the percent value manually. The default value is <b>100%</b>. It corresponds to the full opacity. The <b>0%</b> value corresponds to the full transparency.</p>
</li>
<li><b>No Fill</b> - select this option if you don't want to use any fill.</li>
<li>To change the line width, select one of the available options from the <b>Size</b> dropdown list. The available options are: 0.5 pt, 1 pt, 1.5 pt, 2.25 pt, 3 pt, 4.5 pt, 6 pt. Alternatively, select the <b>No Line</b> option if you don't want to use any line.</li>
<li>To change the line <b>color</b>, click on the colored box below and <ahref="../UsageInstructions/ChangeColorScheme.htm"onclick="onhyperlinkclick(this)">select the necessary color</a>.</li>
<li>To change the line <b>type</b>, select the necessary option from the corresponding dropdown list (a solid line is applied by default, you can change it to one of the available dashed lines).</li>
<p>Apply a text effect by selecting the necessary text transformation type from the <b>Transform</b> gallery. You can adjust the degree of the text distortion by dragging the pink diamond-shaped handle.</p>
<p><imgalt="Text Art Transformation"src="../images/textart_transformation.png"/></p>
