PrimeFaces-TextEditör Kullanımı

Merhaba arkadaşlar. Bu yazıda TextEditörün nasıl kullanıldığını öğreneceğiz.

TextEditör kullanımının inputText kullanımından bir farkı yok arkadaşlar. Yalnız bu yazıda TextEditör ile ilgili bir sorunun çözümüne değineceğim.

index.xhtml Kodu

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            <p:editor value="#{editor.editor}"/>
            <p:commandButton value="GÖNDER" action="newjsf.xhtml?faces-redirect=true"/>
        </h:form>  
    </h:body>
</html>

<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:h="http://xmlns.jcp.org/jsf/html"

xmlns:c="http://xmlns.jcp.org/jsp/jstl/core"

xmlns:p="http://primefaces.org/ui">

<h:head>

<title>Facelet Title</title>

</h:head>

<h:body>

<h:form>

<p:editor value="#{editor.editor}"/>

<p:commandButton value="GÖNDER" action="newjsf.xhtml?faces-redirect=true"/>

</h:form>

</h:body>

</html>

Editör sınıfı içindeki editör nesnesine TextEditör bilgisini tutacağını söylüyoruz. Buton vasıtası ile de diğer sayfaya geçiyoruz.

newjsf.xhtml Kodu

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">
    <h:head>
        <title>Facelet Title</title>
    </h:head>
    <h:body>
        <h:form>
            <p:outputLabel value="#{editor.editor}"/>
        </h:form>
    </h:body>
</html>

<?xml version='1.0' encoding='UTF-8' ?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:h="http://xmlns.jcp.org/jsf/html"

xmlns:p="http://primefaces.org/ui">

<h:head>

<title>Facelet Title</title>

</h:head>

<h:body>

<h:form>

<p:outputLabel value="#{editor.editor}"/>

</h:form>

</h:body>

</html>

Bu sayfa içinde de editöre yazılan bilgi gösterilecek.

Editor.java Kodu

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class Editor {
private String editor="";

    public void setEditor(String editor) {
        this.editor = editor;
    }

    public String getEditor() {
        return editor;
    }

}

import javax.faces.bean.ManagedBean;

import javax.faces.bean.RequestScoped;

@ManagedBean

@RequestScoped

public class Editor {

private String editor="";

public void setEditor(String editor) {

this.editor = editor;

}

public String getEditor() {

return editor;

}

Ekran Çıktıları

Bir yazı yazıp GÖNDER butonuna tıklıyorum.

Yazı düzgün bir şekilde görünmedi.

Bu hataya editör bileşeninin yazıyı şekil ve biçimi ile birlikte bean tarafına göndermesi neden oluyor. Bu tip durumlarda Java sınıfı içinde yazılı HTML kodlarının bize yorumlanmış olarak dönmesi için escape=”false” ifadesini kullanmamız gerekiyor. newjsf.xhtml kodumuzu şu şekilde değiştiriyoruz:

 <p:outputLabel value="#{editor.editor}" escape="false"/>

1	<p:outputLabel value="#{editor.editor}" escape="false"/>

Hata düzelmiş bir şekilde karşımızda.

Başka bir yazıda görüşmek üzere hoşçakalın arkadaşlar.

admin

Benzer Yazılar