Primeface의 텍스트 편집기 용 버튼 코드

Question

Primefaces에는 두 개의 텍스트 편집기가 사용되며 더 이상 사용되지 않는 "editor"과 더 최근의 "text editor"이 있습니다. 이전에는 특정 버튼에 대한 코드를 찾을 수 있었지만 새로운 코드에 대해서는 해당 코드를 찾을 수 없었으며 이전 코드는 실망스럽게 번역하지 않는 것으로 보입니다. 예를 들면 :

controls="bold italic underline strikethrough subscript superscript 
font size style color highlight bullets numbering alignleft center 
alignright justify link unlink outdent indent" 

이전 편집기에 작품 만 :

<button class="ql-bold"></button> 

: 같은 HTML 태그를 사용하여 추가 할 때 굵게, 기울임 꼴, 밑줄, 취소 선, 글꼴, 크기, 링크, 버튼으로 표시 앞에서 설명한 단추와 제거 서식 단추의 코드는 무엇입니까? 웹 사이트에 제공된 설명서가 오래되었습니다.

Answer 1

다음은 목록입니다. 표시하지 않으려는 버튼을 삭제하거나 style="display: none;"으로 설정하십시오.

<p:textEditor 
    id="descriptionId" 
    widgetVar="descriptionWidget" 
    value="#{bean.model.description}"> 
    <f:facet name="toolbar"> 
     <span class="ql-formats"> 
      <select class="ql-font" /> 
      <select class="ql-size" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-bold" /> 
      <button class="ql-italic" /> 
      <button class="ql-underline" /> 
      <button class="ql-strike" /> 
     </span> 
     <span class="ql-formats"> 
      <select class="ql-color" /> 
      <select class="ql-background" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-script" value="sub" /> 
      <button class="ql-script" value="super" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-header" value="1" /> 
      <button class="ql-header" value="2" /> 
      <button class="ql-blockquote" /> 
      <button class="ql-code-block" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-list" value="ordered" /> 
      <button class="ql-list" value="bullet" /> 
      <button class="ql-indent" value="-1" /> 
      <button class="ql-indent" value="+1" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-direction" value="rtl" /> 
      <select class="ql-align" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-link" /> 
      <button class="ql-image" /> 
      <button class="ql-video" /> 
      <button class="ql-formula" /> 
     </span> 
     <span class="ql-formats"> 
      <button class="ql-clean" /> 
     </span> 
    </f:facet> 
</p:textEditor>