Thêm HTML vào <h: messages />

Question

Tôi đang sử dụng Twitter Bootstrap.

Các HTML code cảnh báo là:

<div class="alert alert-block"> 
    <a class="close" data-dismiss="alert" href="#">×</a> 
    <h4 class="alert-heading">Warning!</h4> 
    Best check yo self, you're not... 
</div> 

Tôi đang sử dụng <h:messages /> để hiển thị lỗi hình thức của tôi, thông tin và các thông điệp cảnh báo như thế này:

<h:messages errorClass="alert alert-error" infoClass="alert alert-info" warnClass="alert alert-warning"/> 

Những màu sắc và góc tròn là OK nhưng Tôi cần phải thêm liên kết đóng:

<a class="close" data-dismiss="alert" href="#">×</a> 

Làm cách nào để làm điều đó với <h:messages/>?

Sửa

Nếu một sự hiểu biết tốt hơn là cần thiết, đây là twitter bootstrap liên kết với phong cách cảnh báo: http://twitter.github.com/bootstrap/components.html#alerts

Answer 1

Hãy xem bài viết này bằng BalusC

Using HTML in JSF messages

Answer 2

Chỉ cần sử dụng omnifaces o: messages. Vấn đề sẽ được giải quyết.

ví dụ <o:messages escape="false"/>

Answer 3

giải pháp khác là

<div class="alert alert-danger alert-dismissible fade in" role="alert" jsf:rendered="#{not empty facesContext.getMessageList('InputPassword')}"> 
    <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> 
    <strong>Error </strong> <h:message for="InputPassword" /> 
            </div> 

nó cho JSF 2.2, nhưng bạn có thể thích ứng với các phiên bản trước của JSF ..