<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:xf="http://www.w3.org/2002/xforms"
xmlns:xsd="http://www.w3.org/2001/XMLSchema"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:ev="http://www.w3.org/2001/xml-events"
xmlns:concentre="http://xforms.zensoluciones.com"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xml:lang="en">
<head>
<title>All Controls</title>
<link rel="stylesheet" type="text/css" href="../../share/concentre/css/xforms.css" />
<script type="text/javascript" src="../../share/concentre/concentre.js"></script>
</head>
<xf:model>
<xf:instance>
<dummy xmlns="">
<wiki><![CDATA[ hello world this is a simple test ]]></wiki>
</dummy>
</xf:instance>
<xf:submission id="s01" action="/backend" method="post" />
</xf:model>
<body>
<p> This a basic RichText Editor demonstration. I store data into a cdata because the code is not XHTML compliant. This code needs some improvements. Moreover it's little bite difficult to detect content change inside an iframe. So I refresh the model on "blur" event</p>
<p> It should be better to use selection range technic to create tags intead of execMethod command </p>
<concentre:richtext ref="wiki/text()">
<xf:label>Date</xf:label>
</concentre:richtext>
<xf:submit submission="s01">
<xf:label>submit</xf:label>
</xf:submit>
</body>
</html>