HTML Editing Area Version 2 - Revision history

Philip Lacey at 16:05, 31 December 2015

2015-12-31T16:05:18Z

Philip Lacey at 13:12, 4 May 2015

2015-05-04T13:12:47Z

Philip Lacey at 13:44, 3 March 2015

2015-03-03T13:44:40Z

Philip Lacey at 13:35, 3 March 2015

2015-03-03T13:35:41Z

Philip Lacey at 13:25, 3 March 2015

2015-03-03T13:25:32Z

Philip Lacey at 13:14, 3 March 2015

2015-03-03T13:14:11Z

Philip Lacey at 10:59, 3 March 2015

2015-03-03T10:59:52Z

Philip Lacey at 10:58, 3 March 2015

2015-03-03T10:58:00Z

Philip Lacey at 10:51, 3 March 2015

2015-03-03T10:51:44Z

Philip Lacey at 10:30, 3 March 2015

2015-03-03T10:30:16Z

← Older revision		Revision as of 16:05, 31 December 2015
Line 2:		Line 2:

	bxp software (bxp) has a few areas throughout the system where rich text areas appear. A rich text area can be found in Communications Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). A HTML editing tool is built into bxp using the TinyMCE plugin. This plugin converts a HTML text area into an advanced rich text area.		bxp software (bxp) has a few areas throughout the system where rich text areas appear. A rich text area can be found in Communications Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). A HTML editing tool is built into bxp using the TinyMCE plugin. This plugin converts a HTML text area into an advanced rich text area.
		+

	If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc.), you can easily drop your code into the editor by going to Tools >> Source Code. Alternately the tool below creates the HTML for you.		If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc.), you can easily drop your code into the editor by going to Tools >> Source Code. Alternately the tool below creates the HTML for you.

← Older revision		Revision as of 13:12, 4 May 2015
Line 151:		Line 151:

	http://www.tinymce.com/		http://www.tinymce.com/
		+
		+	[[Category:Topic:bxp Interface]]
		+	[[Category:Topic:General Knowledge]]

@@ Line 83: / Line 83: @@
 [[File:TinyMCE_InsertTable.png]]
-Once a table is created the table can be stretched and made bigger by clicking on one of the corners of the table and dragging them.
+Once a table is created the table can be stretched by clicking on one of the corners of the table and dragging it to where you need it to be.
 There are a range of other options in here that will allow you to heavily customise the table as needed.
@@ Line 89: / Line 89: @@
 *Table properties - Allows you to set the width, height, cell spacing/padding, the border and alignment.
 *Delete table - Will delete the table selected.
-*Cell - Allows you to set the properties of a cell the same as the table, also allows the merging and splitting of cells.
+*Cell - Allows you to set the properties of a cell. This also allows merging and splitting of cells.
-*Row - Allows you to inset, delete, cut, copy and paste a row, it also allows you to change the rows propertied.
+*Row - Allows you to inset, delete, cut, copy and paste a row. It also allows you to change the rows properties.
 *Column - The same as row but in regards to table columns.
@@ Line 96: / Line 96: @@
 '''Tools'''
-Tools has one option called source code.
+Tools have one option called ''source code''.
 Source code can be used by more advanced users who would prefer to build the HTML from scratch.
@@ Line 103: / Line 103: @@
 === Row 2 ===
-The second row is button shortcuts to most of functions already available through row 1.
+The second row lists button shortcuts for most functions already available through row 1.
 [[File:TinyMCE_Row2.png]]
-The following options are available in order of left to right:
+The following options are available in order from left to right:
 *Undo -  Undo the last piece of work
@@ Line 133: / Line 133: @@
 === Row 3 ===
-The third row has only two buttons.
+The third row lists two buttons.
 [[File:TinyMCE_Row3.png]]
@@ Line 148: / Line 148: @@
 bxp software has integrated this software into our solution.
-The plugin has a vast array of options, we have incorporated the best of these options for you but should you want to learn more of what is available please visit below.
+The plugin has a vast array of options. We have incorporated the best of these options for you but should you want to learn more of what is available please visit the below link.
 http://www.tinymce.com/

@@ Line 1: / Line 1: @@
 == Overview ==
-bxp software (bxp) has a few areas throughout the system where rich text areas appear. A rich text area can be found in Communications Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). In bxp we need a special tool to create HTML code, e.g. a HTML editing tool which is built into bxp using the TinyMCE plugin. This plugin converts a HTML text area into an advanced rich text area.
+bxp software (bxp) has a few areas throughout the system where rich text areas appear. A rich text area can be found in Communications Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). A HTML editing tool is built into bxp using the TinyMCE plugin. This plugin converts a HTML text area into an advanced rich text area.
-If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc.), you can easily drop your code into the editor by going to Tools >> Source Code, in the editor. Alternately the tool below creates the HTML for you.
+If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc.), you can easily drop your code into the editor by going to Tools >> Source Code. Alternately the tool below creates the HTML for you.
@@ Line 10: / Line 10: @@
 [[File:TinyMCE_Main.png]]
-The editor has various types of tools that allow the user to create, edit and preview the created HTML content.
+The editor allows 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.
+There are three rows of options that will allow you to create valid HTML without any coding experience.
 === Row 1 ===
@@ Line 35: / Line 35: @@
 [[File:TinyMCE_InsertLink.png]]
-A url must be specified, this will be what page the link is going to.
+A url must be specified. This will be the page the link is redirecting to.
-The text to display i.e. this is what the user will see and can be clicked.
+The text to display, i.e. this is what the user will see and can be clickable.
-A title can be give to the link if needed but is not required.
+A title can be given to a 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.
@@ Line 47: / Line 47: @@
 [[File: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
+Each image requires a source. A source is the location where 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.
+An image description is not required but can be useful, as sometimes images get moved on the web.
-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.
+The dimensions 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. However, this can be unticked if needed.
@@ Line 63: / Line 63: @@
 The format option is very like what Microsoft Word offers.
-It allows you to change the the text with various options.
+It allows you to change the text with various options.
 *Bold - Makes text bold

@@ Line 1: / Line 1: @@
 == Overview ==
-bxp software (bxp) has a few areas throughout the system where rich text areas appear. The rich text area can be found in Communication Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML of their own without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). In order to do this on our system we need 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.
+bxp software (bxp) has a few areas throughout the system where rich text areas appear. A rich text area can be found in Communications Centre, eCourse Management and the Information Centre modules. Rich text areas are used to turn normal text areas into a neat Microsoft Office style editor that allows a user to create custom HTML without any coding knowledge. This can be useful when creating emails or newsletters among other things. Rich text areas can make normal text and images look more visually attractive (bold, italics, fonts, alignment etc.). In bxp we need a special tool to create HTML code, e.g. a HTML editing tool which is built into bxp using the TinyMCE plugin. This plugin converts a HTML text area into an advanced 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 by going to Tools >> Source Code in the editor. Alternately the tool below creates the HTML for you.
+If you prefer to write your own rich text html using your favourite HTML editing tools (Dreamweaver, Notepad++, etc.), you can easily drop your code into the editor by going to Tools >> Source Code, in the editor. Alternately the tool below creates the HTML for you.

@@ Line 142: / Line 142: @@
-== Tiny MCE ==
+== Tiny MCE - Javascript HTML WYSIWYG editor ==
 TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL.
@@ Line 148: / Line 148: @@
 bxp software has integrated this software into our solution.
-The plugin has a vast array of options, we have incorporated the best of these option for you but should you want to learn what else is available please visit below.
+The plugin has a vast array of options, we have incorporated the best of these options for you but should you want to learn more of what is available please visit below.
 http://www.tinymce.com/

@@ Line 101: / Line 101: @@
-=== Row 2 ====
+=== Row 2 ===
 The second row is button shortcuts to most of functions already available through row 1.
@@ Line 129: / Line 129: @@
 *Text Colour - Changes the text colour.
 *Background Colour - Changes the background colour.

← Older revision		Revision as of 10:51, 3 March 2015
Line 99:		Line 99:

	Source code can be used by more advanced users who would prefer to build the HTML from scratch.		Source code can be used by more advanced users who would prefer to build the HTML from scratch.
		+
		+
		+	=== Row 2 ====
		+
		+	The second row is button shortcuts to most of functions already available through row 1.
		+
		+	[[File:TinyMCE_Row2.png]]
		+
		+	The following options are available in order of left to right:
		+
		+	*Undo - Undo the last piece of work
		+	*Redo - Redo the last piece of work
		+	*Formats - See ''Formats'' section above.
		+	*Bold - Make select text bold
		+	*Italic - Italicize selected text.
		+	*Font Family - Select the a web safe font to use.
		+	*Font Size - Select a font size.
		+	*Bullet List - Create a list.
		+	*Number List - Create a numbered list.
		+	*Indent Left - Indents text left.
		+	*Indent Right - Indents text right.
		+	*Align Left - Aligns text left.
		+	*Align Centre - Centre aligns text
		+	*Align Right - Aligns text right.
		+	*Justify - Justifies text.
		+	*Insert Link - Inserts a link.
		+	*Insert Image - Inserts an image.
		+	*Insert Emoticons - Inserts an emoticons, please note these are not always supported in emails or in some browsers.
		+	*Text Colour - Changes the text colour.
		+	*Background Colour - Changes the background colour.

← Older revision		Revision as of 10:30, 3 March 2015
Line 3:		Line 3:
	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.		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.	+	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 by going to Tools >> Source Code in the editor. Alternately the tool below creates the HTML for you.