HTMLPanel에 표시 할 때 매우 긴 논스톱 문자열 (공백없이)을 여러 줄로 나누는 방법은 무엇입니까?

이와 같이 ScrollPanel 안에있는 FlowPanel 안에 HTMLPanel이 있습니다.

<g:ScrollPanel> 
    <g:FlowPanel>
        <g:HTMLPanel ui:field="showMessageHTMLPanel" width="600px"/>
    </g:FlowPanel>
</g:ScrollPanel>

showMessageHTMLPanel사용자가 입력 한 텍스트를 저장하는 데 사용됩니다 TextArea.

나는이 것을 원하는 showMessageHTMLPanel정확히이 표시 된 방법과 같이 표시해야합니다 TextArea.

예를 들어 사용자가에서 새 줄에 여러 문장 TextArea을 입력하면 showMessageHTMLPanel다음 과 같이 표시되어야합니다.

이것은 text1 

이것은 text2입니다.

그래서 여기에 제가 한 일이 있습니다. 나는 new SafeHtmlBuilder().appendEscapedLines(message).toSafeHtml().

HTML showMessageHTML = new HTML(new SafeHtmlBuilder().appendEscapedLines(message).toSafeHtml());
getView().getShowMessageHTMLPanel().add(showMessageHTML);

결과는 줄을 아주 잘 끊습니다. 문제 없습니다.

그러나 TextArea에 멈추지 않는 매우 긴 문자열 (공백이없는 문자열)을 입력 할 때. 예, 다음 논스톱 문자열을 참조하십시오.

"Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa."

보시다시피이 논스톱 문자열에도 공백이 없지만 입력 TextArea하면 문자열이 자동으로 새 줄로 넘어갑니다.

이제에서 멈추지 않는 문자열을 표시 할 때 getView().getShowMessageHTMLPanel()텍스트가 줄 바꿈없이 하나의 직선으로 표시되었습니다.

Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa.

사용자는 전체 텍스트를 보려면 스크롤바를 스크롤해야합니다. 전체 라인을보기가 너무 어렵 기 때문에 허용되지 않습니다. 또한 많은 URL은 공백이없는 논스톱 문자열입니다. 따라서 사용자가 URL을 복사하지 못할 수 있습니다.

HTMLPanel에 표시 할 때 매우 긴 논스톱 문자열 (공백없이)을 여러 줄로 나누는 방법은 무엇입니까?

또는

이것을 처리 할 수있는 다른 위젯을 알고 있습니까?

user2454340

나는 간단한 CSS 속성이 도움이 될 것이라고 확신합니다.

word-wrap:break-word;  

여기에 세부 사항

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관