HTMLCode Editor¶

목적¶

대상 Application 내에서 사용될 HTML Code를 정의하는 외부 Editor이다.

주요 단계¶

1. Editor 실행¶

1.1 Workbench 상단 추가 기능 메뉴에서 “Edit → StyleCSS editor” 클릭¶

<사진 1> HTML Editor 메뉴

<사진 2> HTML Code Editor 화면

2. Editor 기능 설명¶

<사진 3> HTML Editor 정보 화면

3. 기능 테스트 예제¶

3.1 Editor 코딩 영역에 다음 코드 입력¶

<html>
  <body>
    <table border="1">
      <tr>
        <th>col01</th>
        <th>col02</th>
      </tr>
      <tr>
        <td>Hello U4A!!</td>
        <td>How are You??</td>
      </tr>
    </table>
  </body>
</html>

<사진 4> “SAVE” 버튼 클릭 시 처리 관련 일반 메시지

<사진 5> 활성화 상태로 변경된 화면

3.5 APP 실행 후 스크롤을 아래로 이동¶

3.6 APP 화면 하단에서 코딩된 결과 확인¶

HTML 코딩 결과는 UI5 UI 출력 영역 밖에 표시된다.

<사진 6> HTML 결과 출력 화면

추가 정보¶

HTML 기술에 대한 추가 정보는 아래 웹사이트를 참고

https://www.w3schools.com/html/