哪个JSF组件在非编辑模式下显示文本区域?

时间:2015-10-15 13:50:03

标签: jsf primefaces textarea editor cleditor

我想显示一个用于两种模式的文本区域:

  • 修改模式,使用p:editor
  • 可视化模式,其中只有文本区域可见。

哪种组件是这种可视化模式的最佳选择?我尝试过:

  • p:编辑:我不希望工具栏可见。似乎无法隐藏它。
  • p:outputTextarea:p:editor生成的html标签在textarea中可见
  • h:outputText:渲染与p:editor略有不同,最重要的是,由于没有垂直滚动条,文本会溢出其容器。

我也尝试使用p:outputTextarea进行编辑和可视化模式,但我会在p:editor中提供更多工具。

有什么想法吗?

/app/Template/notification/footer.php

2 个答案:

答案 0 :(得分:0)

如果您要隐藏<p:editor>的工具栏,因为用户没有编辑权限,您只需使用css即可。

<强>的facelet

<p:editor styleClass="#{!login.editAccess ? 'hideToolbar' : ''}" disabled="#{!login.editAccess}" ... />

<强> CSS

.hideToolbar .ui-editor-toolbar {
   display: none;
}

答案 1 :(得分:0)

哦,我还没有看过.ui-editor-toolbar类!

否则,为了避免使用h:outputText:

时文本溢出
.h-outputText{
display:block !important;
overflow-y: auto !important;
height: 400px !important;
} 

感谢所有答案