게시물 작성 시 외부이미지 표시하기 글쓰기 에디터 사용법

외부이미지란?

외부이미지란 어떤 웹사이트(한인Society 포함)에 이미 누가 올려놓은 이미지를 말합니다. 내 컴퓨터 안에 있는 사진이미지 즉, 내 소유의 이미지에 대한 상대적인 의미로 외부이미지라고 부릅니다.


외부이미지의 경로 알아내기

웹사이트의 원하는 이미지에 마우스 우측버튼을 클릭한 후 나타난 메뉴의 이미지 주소 복사(Copy link address)를 통해 이미지의 경로를 복사할 수 있습니다.


에디터 확장컴포넌트 '외부이미지 추가' 기능

경로를 알 수 있는 이미지라면 불러와 내 게시물 내용에 표시할 수 있습니다. 에디터의 확장기능인 외부이미지 추가 기능은 작성 중인 글에 이러한 외부이미지를 보여지게 해주는 기능입니다. 외부이미지는 그 이미지를 소유한 자에게 사용권한이 있어 함부로 가져다 사용하는 것은 바람직하지 않으나 소유자가 허락한 경우 또는 어떤 사이트의 게시물을 알리고자 하는 목적의 게시글을 작성할 때 사용할 수 있는 유용한 기능입니다. 크기와 외곽선 등 간단한 조절기능이 있어 내 문서에 맞게 변경하여 보여지게도 할 수 있습니다.


외부이미지 추가 컴포넌트 사용방법

글쓰기 또는 신규등록 버튼을 클릭해 글작성 모드로 들어갑니다.

에디터 상단의 툴바 제일 우측에 위치한 + (확장컴포넌트 버튼)를 클릭합니다.

확장컴포넌트 목록 중 두번째 외부이미지 추가를 클릭하면 다음과 같은 팝업창이 나타납니다.

slimeditor6.jpg

이미지 경로 부분에 복사해둔 이미지 경로를 ctrl + v 로 붙여넣습니다.

이미지 크기에서 가로세로 구하기 버튼을 클릭하면 입력된 경로의 이미지 크기를 자동으로 알아내 표시해줍니다. 자동입력된 이미지크기는 필요에 따라 원하는 크기로 바꾸어도 됩니다.

다음의 URL은 지금 표시하는 이미지를 게시물 열람자가 클릭했을때 열람자에게 보여줄 웹페이지 주소를 입력합니다. 링크주소 없이 이미지만 표시하고 싶은 경우에는 비워두면 됩니다.

새창열기를 선택하면 윗 URL에 입력한 웹페이지가 새로운 창 또는 탭에 보여지게 할 수 있습니다.

설명 입력 란에는 이미지의 바로 밑에 보여지는 주석의 내용을 입력할 수 있습니다. 필요없으면 비워두어도 됩니다.

정렬 방법이나 경계선(외곽선)두께, 바깥 여백 등은 필요한 경우 변경 또는 입력합니다.

모두 입력을 마쳤으면 팝업창 아래의 추가버튼을 클릭해 에디터 글쓰기상자(Textarea)에 추가합니다. 글쓰기 상자의 커서 위치에 점선박스로 이미지의 위치가 표시됩니다.

위치를 변경시키고 싶으면 점선박스를 마우스로 클릭한채로 다른 커서의 위치로 옮기면 됩니다. 이미 입력하였던 설정내용이 마음에 들지 않으면 점선박스를 더블클릭하여 팝업창을 다시 불러올 수 있습니다. 재 지정 후 다시 추가버튼을 클릭하면 변경내용이 적용됩니다.

기타 필요한 글 내용을 작성 후 게시물을 저장 또는 등록하면 실제의 이미지가 본문 중에 표시됩니다.



Tag :

Leave Comments

로그인 한 회원 분께만 댓글 쓰기를 허용하고 있습니다. 로그인 해주세요.


I Am

profileHSTeam
한인Society의 Official 블로그입니다.

방문자통계

Unique Visitors
Today :
Yesterday : Total : 53110

Page Views
Today :
Yesterday : Total : 154208

BETA
HS Login