Brick River provides simple tools for "What You See Is What You Get" text editing and enhancement. These tools are available whenever your cursor is placed in a field or page area that allows HTML enhanced content - including:
These tools are very similar to those used in word processing applications.
The Source button toggles the content display between WYSIWYG and Source Code modes. In Source Code, the content includes the HTML tags used to render the content in a web browser. Source Code should only be edited by users with HTML scripting skills.
In WYSIWYG mode, HTML tags are hidden and content is displayed as it will appear in a web browser.
Click to remove highlighted text or objects to the clipboard
Click to copy the highlighted text or objects to the clipboard
Click to paste the contents of the clipboard to the location of the cursor. This will paste all formatting applied to clipboard content
Paste as Plain Text
Click to paste the text contents of the clip board without the formatting of the original source
Paste From Word
Click to paste content copied from MS Word retaining any Word formatting that is presentable on web pages.
Undo the last action in the editor window
Undo by mistake, undo your undo
Add <strong></strong> around the highlighted text
Add <em></em> around highlighted text
Add <u></u> around highlighted text
Remove text formatting that is applied through inline HTML elements and CSS styles, like basic text styles (bold, italic, etc.), font family and size, text and background colors or styles applied. Note that it does not change text formats applied at block level.
Add a numbered list or by highlighting text create an ordered list from the highlighted text
Add a bulleted list or create a bulleted list with the highlighted text
Adds <div></div> around an object or text
Adds <div style="text-align: center;"></div> around an object or text
Adds <div style="text-align: right;"></div> around an object or text
Add a heading, paragraph or div from the dropdown list
Highlight text and apply the selected color to the text
Font Background Color
Highlights text by selecting the text and adding a background color.
The Snippets button displays a list of available "code snippets" - or bits of HTML that apply a set of formats and styles. Developers can create custom Snippets for users to insert formatted text and pictures.
Quote Box - Left
Adds an area for text to be added and floats left so other objects and text will wrap around it
Quote Box - Right
Adds an area for text to be added and floats right so other objects and text will wrap around it
Image Box - Left
Inserts a placeholder image with a caption area. Double click the placeholder image to add your image. The object is floated left so that other objects and text wrap around it
Image Box - Right
Inserts a placeholder image with a caption area. Double click the placeholder image to add your image. The object is floated right so that other objects and text wrap around it
Adds an image. You have the option of adding the URL of the image by browsing the server for a images stored in Brick River folders, or uploading a new image from the local system. If you do not see the upload image icon, save the record and then click on the Insert image icon again. The insert image dialog has the following options:
Insert an HTML table
Set the properties in the table dialog when it opens. You have the following options:
Insert Horizontal Rule
Inserts a <hr /> - horizontal line
Insert Block Quote
Inserts a <blockquote> </blockquote>
Adds the block element <div> </div>
Add a URL into the dialog box to add a link to highlighted text or images
Click on a link and select the remove link icon to remove the link
Add a bookmark so you can get to a specific location on a page
Show blocks shows a dotted line around block elements