I am trying to toggle between CKEditor and textarea in a facelet(.xhtml) file.
I have used the same code in a jsp file and it works fine. But in .xhtml file its not doing the toggle between ckeditor and plain
editor.It loads ckeditor both the times.Can anyone please let me know what am I missing.
Code of xhtml file:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ckeditor="http://ckeditor.com">
<head>
<title>Welcome PAge</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script>
<script type="text/javascript" src="ckeditor/config.js"></script>
</head>
<body>
<div>Welcome Page!!</div>
<h:form>
<center><p><h:outputText value="#{userBean.username} logged in"/></p></center>
<center> <p> Questions:
<h:inputTextarea id="editor1" class="ckeditor" rows="20" cols="75" /> <br></br> </p> </center>
<h:commandButton value="Ckeditor" onclick="ckeditor.replace('editor1');" />
<h:commandButton value="Text
editor" onclick="ckeditor.instances.editor1.destroy();" />
<h:commandButton value="Get Data" onclick="alert(ckeditor.instances.editor1.getData());" />
<br></br> <br></br>
</h:form>
</body>
</html>
Thanks in advance,
Shilpa
