mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 02:43:06 +08:00
46 lines
4.3 KiB
HTML
46 lines
4.3 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Add links</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Add links to a word or text fragment leading to an external website" />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Add links</h1>
|
|
<p>To add a link in the <a href="https://www.onlyoffice.com/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Document Editor</b></a>,</p>
|
|
<ol>
|
|
<li>Select the object that you want to display as a link, e.g., text fragment, image, or a group of objects.</li>
|
|
<li>Switch to the <a href="../ProgramInterface/InsertTab.htm" onclick="onhyperlinkclick(this)"><b>Insert</b></a> or <a href="../ProgramInterface/ReferencesTab.htm" onclick="onhyperlinkclick(this)"><b>References</b></a> tab of the top toolbar.</li>
|
|
<li>Click the <div class="icon icon-addhyperlink"></div> <b>Link</b> icon on the top toolbar.</li>
|
|
<li>
|
|
The <b>Link settings</b> window will appear where you can specify the link parameters:
|
|
<ul>
|
|
<li>
|
|
Select a link type you wish to insert:
|
|
<p>Use the <b>External Link</b> option and enter a URL in the <code>http://www.example.com</code> format in the <b>Link to</b> field below if you need to add a link leading to an <b>external</b> website. If you need to add a link to a <b>local</b> file, enter the URL in the <code>file://path/Document.docx</code> (for Windows) or <code>file:///path/Document.docx</code> (for macOS and Linux) format in the <b>Link to</b> field.</p>
|
|
<p class="note">The <code>file://path/Document.docx</code> or <code>file:///path/Document.docx</code> link can be opened only in the desktop version of the editor. In the web editor, you can only add the link without being able to open it.</p>
|
|
<p><img alt="Link settings window" src="../../../../../../common/main/resources/help/en/images/hyperlinkwindow.png" /></p>
|
|
<p>Use the <b>Place in Document</b> option and select one of the existing <a href="../UsageInstructions/FormattingPresets.htm" onclick="onhyperlinkclick(this)">headings</a> in the document text or one of the previously added <a href="../UsageInstructions/InsertBookmarks.htm" onclick="onhyperlinkclick(this)">bookmarks</a> if you need to add a link leading to a certain place in the same document.</p>
|
|
<p><img alt="Link settings window" src="../images/hyperlinkwindow1.png" /></p>
|
|
</li>
|
|
<li><b>Display</b> — enter a text that will get clickable and lead to the address specified in the upper field.</li>
|
|
<li><b>ScreenTip text</b> — enter a text that will become visible in a small pop-up window with a brief note or label pertaining to the link to be pointed.</li>
|
|
</ul>
|
|
</li>
|
|
<li>Click the <b>OK</b> button.</li>
|
|
</ol>
|
|
<p>To add a link, you can also use the <kbd>Ctrl</kbd>+<kbd>K</kbd> key combination or click with the right mouse button at a position where a link will be added and select the <b>Link</b> option in the right-click menu.</p>
|
|
<p class="note">It's also possible to select a character, word, word combination, or text passage with the mouse or <a href="../HelpfulHints/KeyboardShortcuts.htm#textselection" onclick="onhyperlinkclick(this)">using the keyboard</a> and then open the <b>Link settings</b> window as described above. In this case, the <b>Display</b> field will be filled with the text fragment you selected.</p>
|
|
<p>Hover the cursor over the added link to display the <b>ScreenTip</b> that contains the text you specified. You can follow the link by pressing the <kbd>Ctrl</kbd> key and clicking the link in your document.</p>
|
|
<p>To edit or delete the added link, click it with the right mouse button, select the <b>Link</b> option, and then the action you want to perform, i.e., <b>Edit link</b> or <b>Remove link</b>.</p>
|
|
</div>
|
|
</body>
|
|
</html> |