SAP/ABAP

Tistory 에서 코드블럭에 ABAP 테마 추가하기

Buggie 2024. 11. 12. 23:25

SAP ABAP 관련 타 블로그들을 검색하다가 아래와 같이

소스 에디터 같은 객체가 문서에 포함되어 있는 걸 본 적이 있었다.

그때는 원하는 내용만 보고 대수롭지 않게 넘겼었는데,

내가 본격적으로 블로그 포스팅을 하려다 보니

그 글이 ABAP 코드블럭으로 되었었다는 게 기억이 났다.

 

그렇다. 티스토리의 코드블럭 기능을 사용해서 소스코드를 삽입할 수는 있지만,

대중적인 프로그래밍언어만 기본제공되더라. (예를 들면, JAVA, C#, C++, Python, 등등)

정작 중요한(내 밥벌이인) ABAP 코드블럭이 없다는 것이다.

 

 

 

 

기업용 프로그램의 언어니까. 폐쇄적이니까.

불가능? No

 

가능하다.

 

Step 1. 아래 URL 에서 ABAP JS/CSS 파일 다운로드한다.

https://prismjs.com/

 

Prism

Supported languages This is the list of all languages currently supported by Prism, with their corresponding alias, to use in place of xxxx in the language-xxxx (or lang-xxxx) class: Couldn’t find the language you were looking for? Request it!

prismjs.com

 

1.1. DOWNLOAD 버튼 클릭

 

1.2. ABAP 체크  

 

1.3. 스크롤을 맨 아래로 내려서, JS / CSS 파일을 다운로드

 

 

Step 2. 다운로드한 파일을 Tistory 에 적용

 

2.1. 블로그관리 홈으로 이동

 

2.2. 꾸미기 - 스킨 편집 클릭

2.3. 스킨 편집 - HTML 편집 클릭

 

 

2.4. 파일업로드 - 추가 - 적용

 

 

2.5. 다운받은 파일 2개를 추가

 

 

파일업로드 과정에서 뭐, 수정으로 인한 책임은 본인이 져라~ 어쩌구 하면서 겁을 준다.

에라 모르겠고 그냥 고..

 

 

맨 아래에 .js 파일과 .css 파일이 추가된 걸 확인할 수 있다.

 

Step 3. HTML 파일 수정

 

3.1. HTML 을 클릭한 후 .css 파일을 <head>...</head> 태그에 link 로 연결 추가한다.

 

 

  <!-- code block abap 적용 -->
  <link type="text/css" rel="stylesheet" href="./images/prism.css"/>
  <!-- code block abap 적용 -->
 
 
3.2. .js 파일을 <body>...</body> 태그에 추가한 후 적용을 클릭한다.

 

 

  <!-- code block abap 적용 -->
  <script type="text/javascript" src="./images/prism.js"></script>
  <!-- code block abap 적용 -->  

 

Step 4. ABAP 코드블럭 선택

 

4.1. 코드블럭에서 아무 언어나 선택 후 소스코드 작성 (python 으로 선택함)

PARAMETERS: P_EBELN TYPE EKKO-EBELN OBLIGATORY,
            P_TCODE TYPE TSTC-TCODE OBLIGATORY.
            
START-OF-SELECTION.

* 송장문서 조회
  SELECT SINGLE BELNR
    FROM RBKP
   WHERE XBLNR = @P_EBELN
     AND STBLG = @SPACE
     AND BUKRS = '1000'
    INTO @DATA(LV_BELNR).


* 송장문서가 없으면
  IF LV_BELNR IS INITIAL.
    MESSAGE S000(ZMMM) WITH '송장문서가 없습니다.' DISPLAY LIKE 'E'.

* 송장문서가 있으면
  ELSE.
    SET PARAMETER ID 'RBN' FIELD LV_BELNR.
    CALL TRANSACTION 'MIR4' AND SKIP FIRST SCREEN.
    SET PARAMETER ID 'RBM' FIELD SPACE.

  ENDIF.

지금 위의 코드블럭은 python 였다가, ABAP 으로 변경했기 때문에,, ABAP 코드블럭으로 보여지는 것이고.

처음에는 아래 이미지와 같이 보였었다.

 

4.2. 기본모드 >> HTML 로 변경

class="python" data-ke-language="python" 으로 되어 있다

 

4.3. 저 라인을 python 에서 abap 으로 수정해준다.

class="lang-abap" data-ke-language="abap"

 

4.4. 여기까지 해주고 완료를 누르니까 된다! Oh~Yes!

       밋밋하던 코드블럭이 이렇게 바뀌었다.

 

 

근데 좀.. 번거롭긴 하다.


 

아래 블로그를 참조해서 작성했다.

https://ro-ttung.tistory.com/9