Difference between revisions of "ZCubes/Htmleditor"

From ZCubes Wiki
Jump to navigation Jump to search
(Created page with "==HTML EDITOR== Facilitates the user to edit the HTML contents through Live Editor. ==How to use HTML Editor== Create a ZCube. Click on ‘Display ZTools Menu’ icon that a...")
 
 
Line 7: Line 7:
 
  [[File:HTML_EDITOR_Scr2.png|400px|thumb|center|Click Content]]  
 
  [[File:HTML_EDITOR_Scr2.png|400px|thumb|center|Click Content]]  
 
  Click ‘HTML’ under Editors sub-menu.
 
  Click ‘HTML’ under Editors sub-menu.
  [[File:HTML_EDITOR_Scr3.png|400px|thumb|center|Click HTML]
+
  [[File:HTML_EDITOR_Scr3.png|400px|thumb|center|Click HTML]]
 
  The HTML content of the ZCube is displayed in the window as shown.
 
  The HTML content of the ZCube is displayed in the window as shown.
  [[File:HTML_EDITOR_Scr4.png|400px|thumb|center|HTML Content]
+
  [[File:HTML_EDITOR_Scr4.png|400px|thumb|center|HTML Content]]
 
  Check mark ‘LIVE EDIT’ and change the details from the editing area.  
 
  Check mark ‘LIVE EDIT’ and change the details from the editing area.  
 
Example : Width of the image changed from 500px to 100px will change the picture as shown below  
 
Example : Width of the image changed from 500px to 100px will change the picture as shown below  
  [[File:HTML_EDITOR_Scr5.png|400px|thumb|center|Check Live Edit]
+
  [[File:HTML_EDITOR_Scr5.png|400px|thumb|center|Check Live Edit]]
 
Example : Height of the image changed from 250px to 50px will change the picture as shown below
 
Example : Height of the image changed from 250px to 50px will change the picture as shown below
  [[File:HTML_EDITOR_Scr6.png|400px|thumb|center|Check Live Edit]
+
  [[File:HTML_EDITOR_Scr6.png|400px|thumb|center|Check Live Edit]]

Latest revision as of 03:48, 27 November 2015

HTML EDITOR

Facilitates the user to edit the HTML contents through Live Editor.

How to use HTML Editor

Create a ZCube. Click on ‘Display ZTools Menu’ icon that appears above the ZCube.
Click Display ZTools Menu
Click on ‘CONTENT’ menu. 
Click Content
Click ‘HTML’ under Editors sub-menu.
Click HTML
The HTML content of the ZCube is displayed in the window as shown.
HTML Content
Check mark ‘LIVE EDIT’ and change the details from the editing area. 

Example : Width of the image changed from 500px to 100px will change the picture as shown below

Check Live Edit

Example : Height of the image changed from 250px to 50px will change the picture as shown below

Check Live Edit