PrimeFaces

PrimeFaces-TextEditör Kullanımı

11 yıl önce
1 Yorum
admin
515 görüntülenme

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>

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>

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;
    }

}

 Ekran Çıktıları

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

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

 

 

 

 

 

 

 

 

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

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"/>

 

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

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

 

 

 

 

 

 

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

Benzer Yazılar

1 Yorum

PrimeFaces-InputMask Nasıl Kullanılır? için bir yanıt yazın X