Blog Entry Editor Reference

The blog entry editor provides context appropriate editing tools for formatting text, managing images, tables, and other rich features. Users are able to switch to code view to directly edit the content’s HTML. All draft entries are automatically saved every 25 seconds.

Using the Editor’s Text View

The Text view is a WYSIWYG editor that lets you enter and edit text and other types of content.

To style or format text in the content area, select the text. A toolbar appears above the text that contains the following options:

FunctionDescription
Text StyleChoose the text’s style. Normal is typical body text, but you can also select from different heading styles, alert or error message styles, code style, and more.
TypefaceSelect bold, italic, or underline.
List StyleSelect a numbered or bulleted list.
LinkLink the selected text to a specific URL, or to an item in the portal.
TwitterGenerates a link to tweet the selected text.

Formatting elements

When the cursor hovers in the entry’s content area, the Add icon (+) appears. Clicking the Add icon shows controls for inserting an image, video, table, or horizontal line ( Controls ).

FunctionDescription
ImageUpload an image to the blog entry.
VideoInsert a video link.
TableInsert a table.
LineInsert a simple, lightweight horizontal line then appears in your content for separating sections of content in a large blog entry.

Add elements to your blog entry

Using the Editor’s Code View

To switch to code view, click the the Source icon (</>) that appears when you place your cursor in the content area. The following buttons exist at the top-right of code view:

FunctionDescription
FullscreenWork in a dual-pane view that shows your HTML code on the left and a preview pane on the right.
Dark/Light ThemeSwitch the code editor between dark and light theme.
Text ViewSwitch back to text view.

Using the Code view

Capabilities

Product

Contact Us

Connect

Powered by Liferay
© 2024 Liferay Inc. All Rights Reserved • Privacy Policy