본문 바로가기

IT/업무

[Confluence] 이미지를 페이지에 붙여넣기 할 때 예외 발생

요약

MS PowerPoint 나 Word 등의 문서에 포함된 이미지를 Confluence 에 붙여넣기 후, 페이지를 저장하면 다음과 같은 예외 오류 발생

com.atlassian.confluence.content.render.xhtml.XhtmlException: Missing required attribute: {http://atlassian.com/resource/identifier}value

 

원인

Chrome을 통해 Base64 인코딩 형태의 이미지를 붙여넣기 할 경우, 처리하지 못함. (Chrome 에서 발생, Firefox 정상)

 

관련 이슈

https://jira.atlassian.com/browse/CONFSERVER-76082

 

해결

아래와 같은 방법 중 하나를 사용

  • Chrome 대신 Firefox 를 사용
  • base64 이미지를 jpg 혹은 png 파일로 변환 후, 붙여넣기 (그림판 등을 경유해서 붙여넣기)
  • base64 이미지를 HTML Macro 를 통해 붙여넣기

아래와 같이 HTML Macro 에 추가

<img src="data:image/jpeg;base64,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"/>

표시 예

 

 

참고

일반 이미지를 base64 인코딩 형태로 변환할 수 있는 사이트

https://base64.guru/converter/encode/image