2014-03-06 28 views
1

如何创建可滚动的文本区域,具有固定高度并允许标记文本? HTML,JSF和PF4.0元素是可能的,必须遵守原始文本的换行符。可选,可滚动输出文本区

如果我使用<p:inputTextarea>并设置disabled =“true”,当我标记文本就好像我不能释放光标。无论我的光标在哪里,它都会继续标记。此外,禁用似乎阻止我使用滚动条。

它应该与此类似,但与活化的滚动条(如果文本变灰无所谓):

non-scrollable

回答

1

我不知道有什么办法做到这一点与p:inputTextarea,所以我使用HTML元素时,我需要,而不是禁用textArea呈现:

<ui:fragment rendered="#{lorem.disabled}"> 
    <div style="max-width:150px;max-height:150px;overflow-y:auto;overflow-x:auto;white-space:pre;"> 
     #{lorem.ipsum} 
    </div> 
    </ui:fragment> 
    <p:inputTextArea value="#{lorem.ipsum}" rendered="#{!lorem.disabled}"/> 
+0

工作非常适合它。但是当文本太小以至于不需要滚动时,我可以看到启用的滚动条。你能告诉我如何改变它吗? – dasLort

+0

什么浏览器? 'auto'表示不需要时不显示滚动条,我在FireFox和IE10下没有滚动条。 –

+0

mäh,你说得对,他们在这里使用低劣的IE9。对FF工作;)变通办法IE9存在? – dasLort