Tomahawk inputHtml tag

This tag is used to create the Kupu text editor. To know about this you can visit the web site http://kupu.oscom.org.

Tomahawk inputHtml tag

Tomahawk inputHtml tag

        

This tag is used to create the Kupu text editor. To know about this you can visit the web site http://kupu.oscom.org. The important thing about this tag is that it supports one editor per page. You can use multiple editors if they are placed in different tags but rendered only one at a time, for example, in many tabbed panes. You can customize this editor according to your requirement. You can add different tool boxes if required. Different look and style can be given by the use of CSS.  

Code Description : 

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>

<f:view>
	<t:document>
	<t:documentHead>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>t:inputHtml example</title>
	</t:documentHead>
	<t:documentBody >
<h:form>
	<t:inputHtml style="height:300px; color:green" addKupuLogo="true" showAllToolBoxes="true" >
	</t:inputHtml>
</h:form>
	</t:documentBody>
	</t:document>
</f:view>

Rendered Output :

Html Source Code :

<html>
<head>
<link rel="stylesheet" href="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupustyles.css" type="text/css" />
<link rel="stylesheet" href="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupudrawerstyles.css" type="text/css" />
<link rel="stylesheet" href="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/myFaces.css" type="text/css" />
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/sarissa.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/sarissa_ieemu_xpath.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupuhelpers.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupueditor.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupubasetools.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupuloggers.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupunoi18n.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupucleanupexpressions.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupucontentfilters.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kuputoolcollapser.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupucontextmenu.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupuinit.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupustart.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupusourceedit.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupuspellchecker.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/kupudrawers.js"><!--//--></script>
<script type="text/javascript" src="/tomahawk_tags/faces/myFacesExtensionResource/
	org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
	inputHtml.InputHtmlRenderer/myFacesUtils.js"><!--//--></script>
<style rel="stylesheet" type="text/css"><!--
	#kupu-editor{height: inherit;}
	div.kupu-fulleditor{height:300px; color:green}
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>t:inputHtml example</title>
</head>
<body>
<form id="_idJsp3" name="_idJsp3" method="post" action="/tomahawk_tags/
	pages/inputHtml.jsf" enctype="application/x-www-form-urlencoded">
	<div style="display: none;"><xml id="kupuconfig" class="kupuconfig">
	<kupuconfig><dst>fulldoc.html</dst><use_css>1</use_css><reload_after_save>
0</reload_after_save><strict_output>1</strict_output><content_type>
application/xhtml+xml</content_type><compatible_singletons>1
</compatible_singletons><table_classes><class>plain</class>
<class>listing</class><class>grid</class><class>data</class>
</table_classes><cleanup_expressions><set>
<name>Convert single quotes to curly ones</name><expression>
<reg>(\W)'</reg><replacement>\1&#x8216;</replacement>
</expression><expression><reg>'</reg><replacement>&#x8217;
</replacement></expression></set><set><name>Reduce whitespace</name>
<expression><reg>[\n\r\t]</reg><replacement>\x20</replacement>
</expression><expression><reg>[ ]{2}</reg><replacement>\x20</replacement>
</expression></set></cleanup_expressions>
<image_xsl_uri>/tomahawk_tags/faces/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/11859544/
inputHtml.InputHtmlRenderer/kupudrawers/drawer.xsl</image_xsl_uri>
<link_xsl_uri>/tomahawk_tags/faces/myFacesExtensionResource/
org.apache.myfaces.renderkit.html.util.MyFacesResourceLoader/
11859544/inputHtml.InputHtmlRenderer/kupudrawers/drawer.xsl
</link_xsl_uri><image_libraries_uri>/tomahawk_tags/faces/
myFacesExtensionResource/org.apache.myfaces.renderkit.html.util.
MyFacesResourceLoader/11859544/inputHtml.InputHtmlRenderer/kupudrawers/
imagelibrary.xml</image_libraries_uri><link_libraries_uri>
/tomahawk_tags/faces/myFacesExtensionResource/org.apache.myfaces.
renderkit.html.util.MyFacesResourceLoader/11859544/inputHtml.
InputHtmlRenderer/kupudrawers/linklibrary.xml</link_libraries_uri>
<search_images_uri></search_images_uri><search_links_uri>
</search_links_uri></kupuconfig></xml></div><div class="kupu-fulleditor">
<div class="kupu-tb" id="toolbar"><span id="kupu-tb-buttons" 
class="kupu-tb-buttons"><span class="kupu-tb-buttongroup" 
id="kupu-logo" style="float: right"><button type="button" 
class="kupu-zoom" id="kupu-zoom-button" title="zoom: alt-x" 
i18n:attributes="title" accesskey="x"> </button><button type="button"
class="kupu-logo" title="Kupu 1.3.5" i18n:attributes="title" 
accesskey="k" onclick="window.open('http://kupu.oscom.org');"> 
</button></span><select id="kupu-tb-styles">
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="P" 
i18n:translate="paragraph-normal">Normal</option><option value="H1">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="heading">Heading</span> 1</option><option value="H2">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="heading">Heading</span> 2</option><option value="H3">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="heading">Heading</span> 3</option><option value="H4">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="heading">Heading</span> 4</option><option value="H5">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="heading">Heading</span> 5</option>
<option value="H6"><span xmlns:i18n="http://xml.zope.org/namespaces/i18n"
i18n:translate="heading">Heading</span> 6</option><option 
xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="PRE" 
i18n:translate="paragraph-formatted">Formatted</option></select>
<span class="kupu-tb-buttongroup" style="display: none">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-save" id="kupu-save-button" title="Save" 
i18n:attributes="title" accesskey="s"> </button></span>
<span class="kupu-tb-buttongroup" id="kupu-bg-basicmarkup">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-bold" id="kupu-bold-button" title="bold: 
alt-b" i18n:attributes="title" accesskey="b"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-italic" id="kupu-italic-button" 
title="italic: alt-i" i18n:attributes="title" accesskey="i"> 
</button><button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-underline" id="kupu-underline-button" 
title="underline: alt-u" i18n:attributes="title" accesskey="u"> 
</button></span><span class="kupu-tb-buttongroup" id="kupu-bg-subsuper">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-subscript" id="kupu-subscript-button" title="subscript: alt--"
i18n:attributes="title" accesskey="-"> </button><button 
xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-superscript" id="kupu-superscript-button" 
title="superscript: alt-+" i18n:attributes="title" accesskey="+"> 
</button></span><span class="kupu-tb-buttongroup">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-forecolor" id="kupu-forecolor-button" 
title="text color: alt-f" i18n:attributes="title" accesskey="f"> 
</button><button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-hilitecolor" id="kupu-hilitecolor-button" 
title="background color: alt-h" i18n:attributes="title" accesskey="h"> 
</button></span><span class="kupu-tb-buttongroup" id="kupu-bg-justify">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-justifyleft" id="kupu-justifyleft-button" title="left 
justify: alt-l" i18n:attributes="title" accesskey="l"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-justifycenter" id="kupu-justifycenter-button" 
title="center justify: alt-c" i18n:attributes="title" accesskey="c"> 
</button><button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-justifyright" id="kupu-justifyright-button" 
title="right justify: alt-r" i18n:attributes="title" accesskey="r"> 
</button></span><span class="kupu-tb-buttongroup" id="kupu-bg-list">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button"
class="kupu-insertorderedlist" id="kupu-list-ol-addbutton" 
title="numbered list: alt-#" i18n:attributes="title" accesskey="#"> 
</button><button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-insertunorderedlist" id="kupu-list-ul-addbutton"
title="unordered list: alt-*" i18n:attributes="title" accesskey="*"> 
</button></span><span class="kupu-tb-buttongroup" id="kupu-bg-definitionlist">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-insertdefinitionlist" id="kupu-list-dl-addbutton" 
title="definition list: alt-=" i18n:attributes="title" accesskey="="> 
</button></span><span class="kupu-tb-buttongroup" id="kupu-bg-indent">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-outdent" id="kupu-outdent-button" title="outdent: alt-&lt;"
i18n:attributes="title" accesskey="&lt;"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-indent" id="kupu-indent-button" title="indent: alt-&gt;" 
i18n:attributes="title" accesskey="&gt;"> </button></span>
<span class="kupu-tb-buttongroup">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-image" id="kupu-imagelibdrawer-button" title="image" 
i18n:attributes="title" style="display: none"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-inthyperlink" id="kupu-linklibdrawer-button" 
title="link" i18n:attributes="title" style="display: none"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-exthyperlink" id="kupu-linkdrawer-button" title="external link"
i18n:attributes="title"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-table" id="kupu-tabledrawer-button" 
title="table" i18n:attributes="title"> </button></span>
<span class="kupu-tb-buttongroup" id="kupu-bg-remove">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-removeimage invisible" id="kupu-removeimage-button" 
title="Remove image" i18n:attributes="title"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-removelink invisible" id="kupu-removelink-button" 
title="Remove link" i18n:attributes="title"> </button></span>
<span class="kupu-tb-buttongroup" id="kupu-bg-undo">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-undo" id="kupu-undo-button" title="undo: alt-z" 
i18n:attributes="title" accesskey="z"> </button>
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button"
class="kupu-redo" id="kupu-redo-button" title="redo: alt-y" 
i18n:attributes="title" accesskey="y"> </button></span>
<span class="kupu-tb-buttongroup kupu-spellchecker-span" 
id="kupu-spellchecker" style="display: none">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" type="button" 
class="kupu-spellchecker" id="kupu-spellchecker-button"
title="check spelling" i18n:attributes="title"> </button></span>
<span class="kupu-tb-buttongroup kupu-source-span" id="kupu-source">
<button xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
type="button" class="kupu-source" id="kupu-source-button" title="edit HTML
code" i18n:attributes="title" accesskey="h"> </button></span></span>
<select id="kupu-ulstyles" class="kupu-ulstyles">
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="disc" 
i18n:translate="list-disc">&#x25CF;</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="square" 
i18n:translate="list-square">&#x25A0;</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="circle" 
i18n:translate="list-circle">&#x25CB;</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" value="none" 
i18n:translate="list-nobullet">no bullet</option></select>
<select id="kupu-olstyles" class="kupu-olstyles">
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
value="decimal" i18n:translate="list-decimal">1</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
value="upper-roman" i18n:translate="list-upperroman">I</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
value="lower-roman" i18n:translate="list-lowerroman">i</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
value="upper-alpha" i18n:translate="list-upperalpha">A</option>
<option xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
value="lower-alpha" i18n:translate="list-loweralpha">a</option>
</select><div style="display:block;" class="kupu-librarydrawer-parent">
</div><div id="kupu-linkdrawer" class="kupu-drawer kupu-linkdrawer">
<h1 xmlns:i18n="http://xml.zope.org/namespaces/i18n" i18n:translate="">
External Link</h1><div id="kupu-linkdrawer-addlink" 
class="kupu-panels kupu-linkdrawer-addlink"><table cellspacing="0">
<tr><td><div id="kupu-toolbox-label">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" 
i18n:translate="items-matching-keyword">
Link the highlighted text to this URL:</span></div><input 
class="kupu-toolbox-st kupu-linkdrawer-input" type="text" 
onkeypress="return HandleDrawerEnter(event, 'linkdrawer-preview');" />
</td><td class="kupu-preview-button">
<button class="kupu-dialog-button" type="button" 
onclick="drawertool.current_drawer.preview()">Preview</button></td></tr>
<tr><td colspan="2" align="center"><iframe frameborder="1" 
scrolling="auto" width="440" height="198" class="kupu-linkdrawer-preview" 
src="/tomahawk_tags/faces/myFacesExtensionResource/org.apache.myfaces.
renderkit.html.util.MyFacesResourceLoader/11859544/inputHtml.
InputHtmlRenderer/kupublank.html"></iframe></td></tr></table>
<div class="kupu-dialogbuttons"><button type="button" 
class="kupu-dialog-button" onclick="drawertool.current_drawer.save()">
Ok</button><button type="button" class="kupu-dialog-button" 
onclick="drawertool.closeDrawer()">Cancel</button></div></div></div>
<div id="kupu-tabledrawer" class="kupu-drawer kupu-tabledrawer">
<h1>Table</h1><div class="kupu-panels"><table width="300">
<tr class="kupu-panelsrow"><td class="kupu-panel">
<div class="kupu-tabledrawer-addtable">
<table><tr><th class="kupu-toolbox-label">Table Class</th><td>
<select class="kupu-tabledrawer-addclasschooser">
<option value="plain">Plain</option><option value="listing">
Listing</option><option value="grid">Grid</option>
<option value="data">Data</option></select></td></tr><tr>
<th class="kupu-toolbox-label">Rows</th><td><input type="text" 
class="kupu-tabledrawer-newrows" value="3" 
onkeypress="return HandleDrawerEnter(event);" /></td></tr><tr>
<th class="kupu-toolbox-label">Columns</th><td><input type="text" 
class="kupu-tabledrawer-newcols" value="3" 
onkeypress="return HandleDrawerEnter(event);" /></td></tr><tr>
<th class="kupu-toolbox-label"></th><td><label>
<input type="checkbox" class="kupu-tabledrawer-makeheader" 
onkeypress="return HandleDrawerEnter(event);" />
<span>Create Headings</span></label></td></tr><tr>
<th class="kupu-toolbox-label"></th><td><button type="button" 
class="kupu-dialog-button" 
onclick="drawertool.current_drawer.createTable()">Add Table</button>
<button type="button" class="kupu-dialog-button" 
onclick="drawertool.current_drawer.fixAllTables()">Fix All Tables</button>
</td></tr></table></div><div class="kupu-tabledrawer-edittable"><table><tr>
<th class="kupu-toolbox-label">Table Class</th><td>
<select class="kupu-tabledrawer-editclasschooser" 
onchange="drawertool.current_drawer.setTableClass
(this.options[this.selectedIndex].value)">
<option value="plain">Plain</option><option value="listing">Listing</option>
<option value="grid">Grid</option><option value="data">Data</option>
</select></td></tr><tr><th class="kupu-toolbox-label">Current column alignment
</th><td><select class="kupu-tabledrawer-alignchooser" 
onchange="drawertool.current_drawer.tool.setColumnAlign(
this.options[this.selectedIndex].value)"><option value="left">Left</option>
<option value="center">Center</option><option value="right">Right</option>
</select></td></tr><tr><th class="kupu-toolbox-label">Column</th><td>
<button type="button" class="kupu-dialog-button" 
onclick="drawertool.current_drawer.addTableColumn()">Add</button>
<button type="button" class="kupu-dialog-button" 
	onclick="drawertool.current_drawer.delTableColumn()">Remove</button>
</td></tr><tr><th class="kupu-toolbox-label">Row</th><td>
<button type="button" class="kupu-dialog-button" 
	onclick="drawertool.current_drawer.addTableRow()">Add</button>
<button type="button" class="kupu-dialog-button" 
	onclick="drawertool.current_drawer.delTableRow()">Remove</button>
</td></tr><tr><th class="kupu-toolbox-label">Fix Table</th><td>
<button type="button" class="kupu-dialog-button" 
	onclick="drawertool.current_drawer.fixTable()">Fix</button></td></tr></table>
</div></td></tr></table><div class="kupu-dialogbuttons">
	<button type="button" class="kupu-dialog-button" 
	onmousedown="window.status ='onmousedown';" 
	onclick="drawertool.closeDrawer(this)" onfocus="window.status='focus';">
Close</button></div></div></div></div><div class="kupu-toolboxes" 
	id="kupu-toolboxes">
<div class="kupu-toolbox" id="kupu-toolbox-properties">
<h1 class="kupu-toolbox-heading">Properties</h1><div>
<div class="kupu-toolbox-label">Title:</div>
<input class="wide" id="kupu-properties-title" />
<div class="kupu-toolbox-label">Description:</div>
<textarea class="wide" id="kupu-properties-description"></textarea></div>
</div><div class="kupu-toolbox" id="kupu-toolbox-links">
<h1 class="kupu-toolbox-heading" i18n:translate="links">Links</h1>
<div class="kupu-toolbox-addlink"><div class="kupu-toolbox-label">
<span xmlns:i18n="http://xml.zope.org/namespaces/i18n" i18n:translate=
"items-matching-keyword">Link the highlighted text to this URL:</span>
</div><input id="kupu-link-input" class="wide" type="text" />
<div class="kupu-toolbox-buttons"><button type="button" 
id="kupu-link-button" class="kupu-toolbox-action">Make Link</button>
</div></div></div><div class="kupu-toolbox" id="kupu-toolbox-images">
<h1 class="kupu-toolbox-heading" i18n:translate="images">Images</h1>
<div><div class="kupu-toolbox-label"><span xmlns:i18n="http://xml.zope
.org/namespaces/i18n" i18n:translate="">Image float:</span></div>
<select class="wide" id="kupu-image-float-select">
<option value="image-inline">Inline</option><option value="image-left">
Left</option><option value="image-right">Right</option></select>
<div class="kupu-toolbox-label"><span xmlns:i18n="http://xml.zope.org/
namespaces/i18n" i18n:translate="">Insert image at the following URL:
</span></div><input id="kupu-image-input" value="kupuimages/kupu_icon.gif"
class="wide" type="text" /><div class="kupu-toolbox-buttons">
<button type="button" id="kupu-image-addbutton" class="kupu-toolbox-action">
Insert Image</button></div></div></div><div class="kupu-toolbox" 
id="kupu-toolbox-tables"><h1 class="kupu-toolbox-heading" i18n:translate
="table-inspector">Tables</h1><div><div class="kupu-toolbox-label"><span>
Table Class:</span><select class="wide" id="kupu-table-classchooser">
</select></div><div id="kupu-toolbox-addtable" 
class="kupu-toolbox-addtable"><div class="kupu-toolbox-label">Rows:</div>
<input class="wide" type="text" id="kupu-table-newrows" />
<div class="kupu-toolbox-label">Columns:</div><input class="wide" 
type="text" id="kupu-table-newcols" /><div class="kupu-toolbox-label">
Headings:<input name="kupu-table-makeheader" id="kupu-table-makeheader" 
type="checkbox" /><label for="kupu-table-makeheader">Create</label></div>
<div class="kupu-toolbox-buttons"><button type="button" 
id="kupu-table-fixall-button">Fix Table</button><button type="button" 
id="kupu-table-addtable-button">Add Table</button></div></div>
<div id="kupu-toolbox-edittable" class="kupu-toolbox-edittable">
<div class="kupu-toolbox-label">Col Align:<select class="wide" 
|id="kupu-table-alignchooser"><option value="left">Left</option>
<option value="center">Center</option><option value="right">Right
</option></select></div><div class="kupu-toolbox-buttons"><br/>
<button type="button" id="kupu-table-addcolumn-button">Add Column</button>
<button type="button" id="kupu-table-delcolumn-button">Remove Column</button>
<br/><button type="button" id="kupu-table-addrow-button">Add Row</button>
<button type="button" id="kupu-table-delrow-button">Remove Row</button>
<button type="button" id="kupu-table-fix-button">Fix</button></div></div>
</div></div><div class="kupu-toolbox" id="kupu-toolbox-cleanupexpressions">
<h1 class="kupu-toolbox-heading" i18n:translate="">Cleanup expressions</h1>
<div><div class="kupu-toolbox-label"><span xmlns:i18n="http://xml.zope.org/
namespaces/i18n" i18n:translate="">Select a cleanup action:</span></div>
<select id="kupucleanupexpressionselect" class="kupu-toolbox-st"></select>
<div style="text-align: center"><button type="button" 
id="kupucleanupexpressionbutton" class="kupu-toolbox-action">
Perform action</button></div></div></div><div class="kupu-toolbox" 
id="kupu-toolbox-debug"><h1 class="kupu-toolbox-heading" 
i18n:translate="debug-log">Debug Log</h1><div id="kupu-toolbox-debuglog" 
class="kupu-toolbox-label"></div></div></div><table id="kupu-colorchooser"
cellpadding="0" cellspacing="0" style="position: fixed; border-style: solid;
border-color: black; border-width: 1px;"></table><div class="kupu-editorframe">
<iframe id="_idJsp3:_idJsp4_iframe" class="kupu-editor-iframe" frameborder="0"
scrolling="auto" onmouseover="myFacesKupuReactivateDesignMode(this)" 
onfocus="myFacesKupuReactivateDesignMode(this)"></iframe>
<textarea class="kupu-editor-textarea" id="kupu-editor-textarea"> 
</textarea></div></div><script type="text/javascript">
<!--
myFacesKupuSet("<html><body></body></html>","_idJsp3:_idJsp4","_idJsp3",
"/tomahawk_tags/faces/myFacesExtensionResource/org.apache.myfaces.renderkit.
html.util.MyFacesResourceLoader/11859544/inputHtml.InputHtmlRenderer/");
//--></script>
<input type="hidden" name="_idJsp3_SUBMIT" value="1" />
<input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState"
value="rO0ABXVyABNbTGphdmEubGFuZy5PYmplY3Q7kM5YnxBzKWwCAAB4cAAAAANzcgBHb3J
nLmFwYWNoZS5teWZhY2VzLmFwcGxpY2F0aW9uLlRyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ
1Y3RDb21wb25lbnRGWRfYnEr2zwIABFsACV9jaGlsZHJlbnQASltMb3JnL2FwYWNoZS9teWZhY2V
zL2FwcGxpY2F0aW9uL1RyZWVTdHJ1Y3R1cmVNYW5hZ2VyJFRyZWVTdHJ1Y3RDb21wb25lbnQ7TAAP
X2NvbXBvbmVudENsYXNzdAASTGphdmEvbGFuZy9TdHJpbmc7TAAMX2NvbXBvbmVudElkcQB+" />
</form>
</body>
</html>

This tag contains attributes given below :

  • id : This is the value which is used to uniquely identify the component within the closest container like form or subview. The main thing to remember is that its value must be a static value.
  • binding : This attribute is used to specify the property of the backing bean with which this component instance is to be bound.
  • rendered : Its default value is true. If  this attribute is set to true then this component is presented in the page to the user. If false, then this component is not rendered.
  • value : The initial value of the component is set to this attribute.
  • converter : This attribute is used to specify the converter for the component.
  • immediate : This attribute is a boolean attribute that is used to identify the phase during which the value change event should be fired. In normal processing of the event, if immediate attribute is not set to true, the value change event is fired during the invoke application phase but if immediate attribute is set to true then the event is fired at the end of apply request value phase.
  • required : This is a boolean attribute. If it is set to true then it is necessary for the component to have the value otherwise an error message is rendered to the user for the component.  
  • validator : It takes the method binding expression. This expression represents the validator method. This method is called at the time of validation of the component. 
  • valueChangeListener : This also takes a method binding expression. This expression represents value change listener method. This method will be called when new value is set for this component. you can change the phase of the life cycle when this method should be fired by the use of immediate attribute discussed above.
  • enabledOnUserRole : If the current user has one of the roles listed in the enabledOnUserRole attribute then enabling or disabling of the component is decided on the base of "disabled" attribute. If disabled attribute is set to true then component is disabled otherwise enabled. If the user is not in the above list then the component is rendered disabled.
  • visibleOnUserRole : If the current user has one of the roles listed in the visibleOnUserRole attribute then processing of the component is decided on the base of "rendered" attribute. If the rendered attribute is set to true then component is not rendered otherwise displayed  on the page. On the other hand if the current user is not in the above list then the component is not processed.
  • displayValueOnly : This is boolean attribute with the default value false. If this value is set to true then only the value of the component is rendered not the widget of the component.
  • displayValueOnlyStyle : This attribute is used to specify the style used when displayValueOnly is true.
  • displayValueOnlyStyleClass : This attribute is used to specify the style class used when displayValueOnly is true.
  • style : It is used to set the CSS style definition for the component.
  • styleClass : It is used to set the CSS class for the component. It is same as html class attribute.
  • fallback : This attribute takes a boolean value (default false). When it is set to true it displays a plain HTML text area field instead of the HTML input component.
  • type : This attribute specifies the type of the value. It can be fragment for an HTML fragment or document for a full HTML document with head, title, body tags.
  • allowEditSource : This boolean attribute (default true) enables the user to edit the source code of the HTML when set to true. 
  • allowExternalLinks : This boolean attribute (default true) enables the user to enter hyperlinks in this text field when set to true. 
  • addKupuLogo : This boolean attribute (default true) displays the Kupu editor icon in the button bar of this component when set to true.  
  • showAllToolBoxes : This boolean attribute (default false) displays all available toolboxes in the toolbar of this component.   
  • showPropertiesToolBox : This boolean attribute (default false) displays properties toolbox in the toolbar of this component.  
  • showLinksToolBox : This boolean attribute (default false) displays link selection toolbox in the toolbar of this component.
  • showImagesToolBox : This boolean attribute (default false) displays image selection toolbox in the toolbar of this component.
  • showTablesToolBox :  This boolean attribute (default false) displays tables toolbox in the toolbar of this component.
  • showCleanupExpressionsToolBox : This boolean attribute (default false) displays a toolbox icon for cleaning up expressions in the HTML entered by the user.
  • showDebugToolBox : This boolean attribute (default false) displays debugging toolbox in the toolbar of this component.