Editing text

Tags: files markup richt text editing hyperlink hypertext attachments attachments folder

You can enter text in practically all content; for example:

Content of wiki pages, blog posts, blog pages and comments
Descriptions of files, folders, accounts (user profiles), groups, wikis and blogs.

You can also add hyperlinks, images, diagrams, tables , multimedia content and Tricia Script Code to these texts.

You can also store files (images, Office documents) as an attachment to the content item in an automatically created attachments directory. The access rights for this folder always match the access rights for the content item and the name of the folder always matches the name of the content item.

Editing text with the WYSIWYG text editor

You edit the text with a Web-based editor in the browser and see a preview of the formatted text while entering the text. You do not have to have any special editing software on your computer.

You use a toolbar in the browser, which is similar to the toolbar in your desktop text processor. The most important tools are in the first toolbar.

Click the red arrow at the end of the first toolbar to show and hide a second toolbar with more specific tools.

Most of the text editor’s control elements are self-explanatory. Many of them relate to the current selection in the text window (highlighted blue) or to the current position of the cursor in the text.

A path is shown in the footer of the text editor (in the figure: Path: ul >>li), which indicates the position of the cursor in the nested HTML text (in the figure: <li> element inside a <ul> element).

Click a path to expand the selection to that entire element.

This is useful when you want to copy or move logical blocks (tables, enumerations, paragraphs).

Using the context menu in the editor

Right-click the element in the text (word, paragraph, table entry, etc.) you want to edit.

Select a command from the context menu that appears.

Formatting text

Select a text and then change the formatting of the selection, or select the desired formatting before you type in the text on the keyboard.

Font: bold, italics, strikethrough
Style: highlight, code, both
font colour, text highlight colour
_subscript, ^superscript

Formatting paragraphs

Select one or more paragraphs or apply the formatting to the paragraph in which the cursor is located.

Alignment: Align text left, align text right, justify
Format: Paragraph, address, preformatted, heading 1 to 6
Lists: Unordered and ordered lists in any nesting style

Inserting and editing links

Proceed as follows to insert a link:

Click Insert a link or press CTRL-L on the keyboard to insert a link at the current cursor position.
An input window opens.
Enter one or more search terms to find the desired link destination. As you type, a list of the most relevant matches appears.
Click a match or select it with the up and down arrow keys and confirm your selection by pressing the RETURN key.
A new link with the name of the content item is inserted.

If you select text before the input window opens, this text will be linked to the selected content item by hyperlink.

If you select an existing hyperlink (entirely!), this will be replaced by a hyperlink to the selected content item.

Step 3: Enter a URL (e.g. from your clipboard), to link direct to a content item in Tricia or to an external content item.

In the case of external content items, enter the entire URL (http://www.google.de and not just www.google.de).

Position the cursor on a link and click Unlink to remove the link. The link text remains intact.

You can also use the right mouse button to use the command Insert/Edit link.

At the end of the list of input suggestions the entered search text and a wiki is shown.

Click the last entry in the input suggestions to create a new wiki page with this name in the displayed wiki.

Further information

Creating a new wiki page Creating a new Wiki Page

Inserting a link to a new file

Proceed as follows to upload a file and insert a link to that file in the text:

Click Insert a link or press CTRL-L on the keyboard.
An input window opens.
Switch to the tab File.
Click Browse and select the file to upload from your computer.
Click Upload to upload the file. This may take anything up to a few minutes for large files.
The name of the uploading file appears in the list of content items.
Click this name.
A new link with the name of the file is inserted.

Alternatively, instead of steps 4-7, you can select an existing file on the server by folder view.

To do so, click the link file to go to the server’s root folder and to navigate from there to the subfolder containing the file you want.
Then click the name of the file to insert in the text a new hyperlink with the name of the file.

Inserting and editing images

Proceed as follows to insert an image at the current cursor position:

Click Insert an image.
A window with a folder view opens.
Navigate to the folder containing the image file (file extension .JPG, .PNG, etc.), or upload a new image file from your desktop.
Click the name of the image file.
The image is inserted at the current cursor position.

You can right-click the image and select the command Insert/Edit image to change the image properties (orientation, size, borders, etc.).

For large images, you should specify either a certain width or height for the image, so that it does not overflow the WikiPage and include a link, which opens the image in a new window in full size. To do this, follow these steps:

Right-click the image and select "Insert/Edit image".
Click on the "Appearance" tab on the top.
Enter either a width (1st input) or height (2nd input) where it says "Dimensions". In order to keep the aspect ratio of the image while resizing only enter one value and make sure "Constrain Proportions" is checked.
Select "tricia-thumbimg" from the dropdown list next to "Class".
Finally click "Update" to save your changes.

Using the clipboard

You can use the clipboard to share content among texts in Tricia and in other applications on your computer. The following special commands help you to remove unwanted formatting when copying from other applications.

Pasting text from the clipboard unformatted

The command Paste as plain text removes all formatting except line break the next time you paste from the clipboard

Pasting text from a Word file

The command Paste from word opens a new window into which you can paste text from Word from the clipboard. Unsupported HTML formatting, which could cause problems with the display, is removed in the process.

Other text editing options in the toolbar

Display the text in a separate window without saving and without using a style (Preview).
Switch between the HTML source code editing mode and the normal preview editing mode (Edit HTML source).
Switch between the fullscreen mode and the normal embedded mode (Toggle fullscreen mode).
Insert HTML custom characters with the mouse (Insert custom character).
Find and replace text with and without matching the case (Find/Replace).
Remove all text formatting from the entire text (Remove all formattings).
Remove unnecessary markup (Cleanup messy code).

Security aspects in text editing

When saving the text, the Tricia server checks each transmitted text for allowed HTML markup to eliminate security risks from the server (SQL injection, etc.) or from the browser (plugins).

You can use the following HTML markup tags in the HTML editing mode.

Tip: You can display this list using the TriciaScript code $allowedTagsList()$.

HTML forms and buttons in particular are not allowed.

Using keyboard shortcuts

There is also a number of Keyboard Shortcuts, which you can use instead of the control elements, if you prefer not to move your hand from keyboard to mouse and back again.

Draft autosave

During text entry, a draft is automatically saved on the server every 30 seconds after a change is made. This draft is deleted when you save the text or cancel editing by pressing the Cancel button, which confirms that you do not want to save your changes.

If you accidentally close the browser window or an error occurs on your computer or the server, you can simply reopen the page with the text editor. The differences between your draft and the version of the text last saved are then displayed and you can decide which version you want to continue editing.

Referenced by:

Referenced by (2)

Creating a new blog post

Using hyperlinks

0 Comments