RichTextFX.CodeArea 에 css 적용하기

  RichTextFX.CodeArea에 css 를 적용하기 위해서는 다음과 같은 절차를 따른다.

먼저 프로젝트에 css파일을 생성하고 다음과 같이 작성한다.

.code-area {    -fx-font-family: monospace;     //폰트    -fx-font-size: 20;              // 폰트사이즈    -fx-background-color: #272822;  //배경색 } .code-area .text { //.code-area 와 .text 사이에 반드시 공백이 있어야 한다.    -fx-fill: #FFFFFF;             // 문자 색상 } .caret {    -fx-stroke:white;              // 캐럿 색상 }

그리고 CodeArea 객체를 다음과 같이 생성하여 설정한다. 여기서 프로젝트의 이름은 Espy_Harper 라고 가정하고 css파일 이름은 caREPL.css 라고 가정한다.

caREPL = new CodeArea(); caREPL.setWrapText(true); // text-wrapping 설정 String stylesheet =      Espy_Harper.class.getResource("caREPL.css").toExternalForm(); caREPL.getStylesheets().add(stylesheet);

주) 파란색은 프로젝트 이름, 빨간색은 css파일의 이름이다.

이렇게 하면 css에서 지정한 폰트, 배경색, 문자색, 캐럿 색상으로 설정된다.

c{espy}n{espy002}