FCKEditor - JSF - (sem FCKFaces)

Eklam:

Alguem conhece algum componente estilo editor html, para JSF, fora o FCKFaces (do MyFaces) e fora o do ICEFaces?

Estamos usando RichFaces aqui, e qnd tento incluir alguns dos dois, da muitos errors de integração…

Pode ser até o FCKEditor msm, mas n achei nenhum tutorial de como usar com JSF, e estou meio perdido…

Alguma sugestão?

Cara usa o Jboss Tools segue o link
http://www.jboss.org/tools/

FCKEditor é um excelente editor, e sinceramente não há necessidade de um componente JSF para ele Utilize-o como javascript mesmo, é super simples de fazer e no final você consegue o mesmo efeito!

Abraços e boa sorte!

E ae Rafael! Blz?

Eu tentei usar o FCKEditor direto msm, mas n consegui, (eu não manjo nada de js) vc tem ym tutorial ou pode dar uma luz de como usar-lo ?

Vlw

O melhor tutorial que tem é do próprio site, ao menos é o único que conheço!
http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Integration/JavaScript

Consegui incluir o FCkEditor, mas como eu faço pra pegar o texto no meu Bean ?

Submeta o formulário o FCKEditor é somente um componente javascript sobre o teu text-area, como um decorador, ao submeter o formulário (com ou sem AJAX) você tem o código HTML gerado pelo FCKEditor.

O interessante é que seja text-area seja realmente um componente JSF, nada mais. Então você o decora com o FCKEditor. Sem mistérios.
Abraços.

Eu tentei fazer isso,:

<script type="text/javascript"> var oFCKeditor = new FCKeditor('FCKeditor2'); oFCKeditor.BasePath = "#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.requestContextPath}/fckeditor/"; oFCKeditor.Create(); </script> <h:inputTextarea id="conteudo" value="#{noticiaMB.noticiaSelecionado.conteudo}" maxlength="40" required="true" style="width:200px; margin-left:0;" > <a4j:support event="onblur" reRender="conteudo" /> </h:inputTextarea>

Mas qnd eu rodo a apliacação é gerado o o FCKEditor, com a toolbar e uma textarea, tudo certinho, e outra textArea (a minha) logo abaixo…

Certeza que eu to fazendo algo errado…

O que está havendo?

Estavam sendo gerados o FCKEditor, ja com uma textArea, e minha textArea independente dele, embaixo…

agora eu tentei isso:

<script type="text/javascript"> window.onload = function() { var oFCKeditor = new FCKeditor( 'formu:conteudoNoticia' ) ; oFCKeditor.BasePath = "/fckeditor/" ; oFCKeditor.ReplaceTextarea() ; } </script>

e a h:inputTextarea ta sendo renderizada com o FCKEditor, bunitinho, belezinha, MAS na hora que eu vou gravar (tento acessar no Bean) tenho esse erro:

java.lang.NullPointerException

at org.richfaces.model.impl.expressive.WrappedBeanFilter.accept(WrappedBeanFilter.java:30)

at org.richfaces.model.ModifiableModel.prepareCollection(ModifiableModel.java:165)

at org.richfaces.model.ModifiableModel.walk(ModifiableModel.java:111)

at org.ajax4jsf.component.UIDataAdaptor.walk(UIDataAdaptor.java:1112)

at org.richfaces.renderkit.AbstractRowsRenderer.encodeRows(AbstractRowsRenderer.java:106)

at org.richfaces.renderkit.AbstractRowsRenderer.encodeRows(AbstractRowsRenderer.java:91)

at org.richfaces.renderkit.AbstractRowsRenderer.encodeChildren(AbstractRowsRenderer.java:138)

at javax.faces.component.UIComponentBase.encodeChildren(UIComponentBase.java:812)

at javax.faces.component.UIComponent.encodeAll(UIComponent.java:886)

at javax.faces.component.UIComponent.encodeAll(UIComponent.java:892)

at javax.faces.component.UIComponent.encodeAll(UIComponent.java:892)

at javax.faces.component.UIComponent.encodeAll(UIComponent.java:892)

at com.sun.facelets.FaceletViewHandler.renderView(FaceletViewHandler.java:571)

at org.ajax4jsf.application.ViewHandlerWrapper.renderView(ViewHandlerWrapper.java:108)

at org.ajax4jsf.application.AjaxViewHandler.renderView(AjaxViewHandler.java:189)

at com.sun.faces.lifecycle.RenderResponsePhase.execute(RenderResponsePhase.java:106)

at com.sun.faces.lifecycle.LifecycleImpl.phase(LifecycleImpl.java:251)

at com.sun.faces.lifecycle.LifecycleImpl.render(LifecycleImpl.java:144)

at javax.faces.webapp.FacesServlet.service(FacesServlet.java:245)

.

.

.

Parece que ´r do richFaces, mas n faço ideia do pq…

Isso me parece ser outro problema. Faça o seguinte, remova o fckeditor da página e faça a mesma operação sem ele.

To tentando utilizar o FCKeditor com o Richfaces, so que to com o seguinte problema. To tentando incluir o componente dentro de um modalpanel, so que ele nao ta renderizando o editor html, se eu tirar o modalpanel ai renderizar normalmente. Alguem poderia me explicar pq com o modalpanel não funciona???

pessoal, vou desenterrar este post.
apesar de dizerem que eh relativamente simples fazer o ckeditor ( antigo fck ) funcionar, nao consigo de forma alguma carrega-lo?
simplemente o textarea renderiza e some rapidamente.
alguem ja passou por isso ou saberia me dizer o que estou fazendo de errado?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="./resources/ckeditor.js"></script>

<title>teste</title>
</head>

<body>
<f:view>
	<a4j:form id="frMain">
		<h:inputTextarea id="ckEditor" style="height : 60px; width : 261px;" />
		<script type="text/javascript">
				CKEDITOR.replace( 'frMain:ckEditor' );
		</script>
	</a4j:form>
</f:view>
</body>
</html>

Boa tarde eu estou usando o FCKeditor com JSF eu não consigo pegar o id ou o nome atribuido no inputTextarea <h:inputTextarea id=“conteudo” name=“conteudo” />
a cada atualização da aplicação no servidor o nome mudar tem como consertar?

muda de “j_idt8:conteudo” para “j_idt9:conteudo” e … segue…

preciso fazer isso na pagina .xhtml:

…

<h:head>

#{msg.tituloSite}

<script type="text/javascript">
	window.onload = function()
	{
	var oFCKeditor = new FCKeditor('j_idt9:conteudo') ;
	oFCKeditor.BasePath = "#{facesContext.externalContext.requestContextPath}/resources/javascript/fckeditor/";
	oFCKeditor.ReplaceTextarea() ;
	}
</script>

</h:head>
<h:body>
…
…
<h:outputText value=“Conteúdo:” />
<h:inputTextarea id=“conteudo” name=“conteudo” rows=“40” cols=“72” value="#{paginaControlador.pagina.pag_conteudo}" />
…

eu preciso pegar o nome atribuido ao inputTextarea e enviar ao javascript

Erivando