WPU version 1.0 release

WPU는 WordPress에서 PlantUML 문법을 사용하기 위한 plugin입니다. WPU에 대한 자세한 내용은 지난 포스팅 (WPU – WordPress에서 PlantUML 문법을 사용하기 위한 plugin)를 참고 하세요.

첫번째 버전 release이후, 다른 plugin과의 충돌이나 WordPress에서 제공하는 기본 기능을 사용하기 위해 <div> tag에 class를 지정하는 방식보다 shortcode를 사용하는 편이 더 낫다는 것을 알게 되었다. 그리고 UML 편집중에 preview를 볼 수 있도록 visual editor plugin도 추가 했다.

WPU를 활성하면 Visual Editor에 ‘UML’이라고 표시된 못생긴 버튼이 하나 추가되는데 이것을 눌러서 preview를 보면서 편집할 수도 있고, 간단한 것이라면 [[wpu] ~ [/wpu]] shortcode 사이에 PlantUML 문법을 직접 기술해서 작성할 수도 있다.

wpu_visual_editor_button

wpu_visual_editor_preview

다음은 shortcode로 변경한 PlantUML 예제이다.

  • Class diagram

    [wpu] scale 900 width
    Class01 <|– Class02
    Class03 *– Class04
    Class05 o– Class06
    Class07 .. Class08
    Class09 — Class10
    Class11 <|.. Class12
    Class13 –> Class14
    Class15 ..> Class16
    Class17 ..|> Class18
    Class19 <–* Class20[/wpu]
  • Sequence diagram

    [wpu]
    Alice -> Bob: Authentication Request
    Bob –> Alice: Authentication Response
    Alice -> Bob: Another authentication Request
    Alice <– Bob: another authentication Response
    [/wpu]

  • State diagram

    [wpu]
    [*] –> State1
    State1 –> [*]
    State1 : this is a string
    State1 : this is another string
    State1 -> State2
    State2 –> [*]
    [/wpu]

 

Plugin download URL :  https://bitbucket.org/litcoder/wpu/downloads/wpu_1.0.zip

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다