HTML Editing Area Version 2

From All n One's bxp software Wixi

Revision as of 10:51, 3 March 2015 by Philip Lacey (talk | contribs)
Jump to: navigation, search

1 Overview

bxp software (bxp) has a few areas throughout where rich text can make things look more visually attractive (bold, italics, fonts, etc.) In order to do this on a web system it needs a special tool to create HTML code. bxp has a HTML editing tool built into it using the TinyMCE plugin which converts a HTML text area into a special rich text area.

If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc), then you can easily drop your code in instead. Alternately the tool below creates the HTML for you.


2 Use

TinyMCE Main.png

The editor has various types of tools that allow the user to create, edit and preview the created HTML content.

There are three rows of options that will allow you to create nice valid HTML without knowing code.

2.1 Row 1

TinyMCE Row1.png

File

New Document - The new document feature will wipe all work in the box and allow you start fresh.

Edit

The edit option has options for edit, copy, paste, select all, undo and redo.

Insert

Insert Link - Allows the user to insert a link to a web page.

TinyMCE InsertLink.png

A url must be specified, this will be what page the link is going to.

The text to display i.e. this is what the user will see and can be clicked.

A title can be give to the link if needed but is not required.

Target is used to specify if the link will open a new window or stay in the current window. By default it is set to none.

Insert Image - Allows the user to insert an image into the content.

TinyMCE InsertImage.png

Each image requires a source, a source is the location the image resides. i.e. http://geekmom.com/wp-content/uploads/2014/09/Microsoft-Logo1.gif

An image description is not required but can be useful as sometimes images get moved on the web so they name will take its place should it be removed.

The dimension will be read in from the image but can be changed if needed. They can be constrained so that the image doesn't get stretched but this can be unticked if needed.