primefaces編輯器字體大小

Question

Primefaces有一個花哨的HTML編輯器<p:editor>。
有沒有辦法改變font-size或將樣式應用於文本用戶在Primefaces編輯器中輸入的內容？例如，我申請style=""如下所示，但它不起作用。

<p:editor id="editor" style="font-size: 26px;font-family:verdana" value="#{eventController.eventUI.desc}"/> 

Answer 1

Primefaces編輯器使用iframe和iframe使用一個頁面，所以你必須改變該頁面的CSS。 您可以嘗試：

<h:form id="form"> 
     <p:editor id="eid" value="nothing"/> 
     <script> 
      $(document).ready(function() { 
       $('#form\\:eid').find('iframe').contents().find('body').css({ 
        'font-size': '10px', 
        'color' : 'blue' 
       }); 
      }); 
     </script> 
    </h:form>