새로 적용된 에디터 사용설명서

내가 쓰기 귀찮아서 다른 전관한테 써달라고 했더니

"사용방법을 모르는데... 내가 어떻게 써 걸뱅이 세끼야"

라는 말을 듣고 그냥 쓰기로 했습니다..

변경될 에디터는 FROALA WYSIWYG EDITOR를 기반으로 합니다.

외국인이 제작한 에디터이며 이걸 국내의 능력자 라르게덴님이 XE & 라이믹스 호환작업을 거쳐 탄생한 에디터로

비교적 최신에 제작되었고 현재까지도 꾸준히 업데이트가 있기 때문에 개선&수정 요청이 용이할 것으로 생각되어 사용을 결정했습니다.

현재 확인되는 문제점

1. 아이폰 서드키보드에서 글 작성시 매우 심각한 렉에 빠지는 현상이 있습니다. 

기본키보드쓰던지 안드로이드쓰세요.

1-1. 딩굴 한글키보드 : 키보드 설정에서 '모아치기 설정'을 활성화하면 해당 문제가 발생하지 않습니다.

1-2. TS 한글키보드 : 입력 추적 사용을 비활성화 하면 문제가 발생하지 않습니다.

1-3. 테마 키보드 : 에디터와 호환되지 않는 키보드입니다.

2. 일부 브라우저 환경에서 개인정보보호모드로 접속 시 에디터가 출력되지 않는 문제가 있습니다..

같은 브라우저 개인정보보호모드라도 누군되고 누군안되기때문에 사용자의 문제로 보이는데 아무튼 그렇게 아세요.

3. 동영상 삽입시 주소 입력을 통한 작성이 아닌, 소스코드 입력으로 작성할 경우 모바일 버젼에서 종종 동영상이 출력되지 않습니다.

되도록이면 동영상 버튼을 눌러 주소 입력을 입력을 통해 작성해주세요.

그 외 대부분의 문제는 브라우저 캐쉬 삭제를 하면 해결되는데 

위의 두가지 문제는 해결되지 않아서 제작자에게 제보한 상태입니다.

이미지 & 파일 삽입

설명처럼 내 컴퓨터에 있는 이미지(또는 파일)를 박스안으로 드래그 & 드롭하면 업로드 가능합니다.

여러 파일을 한꺼번에 선택하여 드래그 & 드롭해도 순차적으로 업로드 됩니다.

박스를 클릭하면 경로를 지정하여 선택 역시 가능합니다.

그런데 저런거 누르지 않고 그냥 글쓰면서 이미지(또는 파일)를 본문 위에 드래그&드롭해도 업로드됩니다.편합니다.

이전처럼 하단부에 파일 첨부 버튼을 뽑아내려고 했으나 저작권이 있는 에디터라 함부로 수정하기 무섭습니다.

원 제작자에게 그런 형태의 스킨을 만들어달라고 요청한 상태인데 들어줄지는 모르겠으니까 새로운 것에 적응하세요.

또 이미지 용량을 표시하는 칸이 사라졌기때문에 용량이 얼마나 들어갔는지 확인이 어려운 문제가 있습니다.

이미지 편집

이미지 삽입 후 이미지를 클릭해보면 아래에 편집 메뉴가 출력되고 이미지 편집이 가능합니다.

첫번째는 이미지 교체로, 내가 삽입했던 이미지들과 바꿀 수 있습니다.

옆으로 이미지 정렬과 이미지 삭제가 차례로 있고 4번째의 링크 삽입을 시도하면 이미지 클릭 시 링크로 이동하는 기능이 생깁니다.

하단 3번째에 있는 크기 조절로 이미지의 크기를 조절할 수 있습니다.

이미지 클릭 시 생기는 각 모서리의 사각형을 드래그&드롭하여 조절가능하지만 저 버튼을 이용하여 조절도 가능합니다.

현재 에펨네이션에서 본문 최대 출력 크기는 폭 900px 정도입니다.

폭만 설정해주면 알아서 높이도 설정합니다.

마지막으로 포토에디터 버튼은 pc로 이용할 경우 정말 많은 효과를 제공하니 한번씩 이용해보세요.

동영상 삽입

기본화면에 이미지 링크를 붙여넣고 삽입을 누르면 본문에 출력됩니다. (유튜브와 데일리모션만)

아이프레임이나 임베디드 코드를 가져왔다면 옆에 임베디드 코드 버튼을 누르고 붙여넣은 후 삽입 클릭하면 가능합니다.

현재 카카오팟이나 네이버tv 등 일부 플랫폼의 경우 https 를 붙여야 출력되는 것으로 확인됩니다.

링크 삽입

URL 입력 후 텍스트를 입력하면 링크 표시된 텍스트가 본문에 출력됩니다.

새 탭에서 열기 버튼을 체크하지 않은 상태에서 삽입하면 에펨네이션 이런 형태로 보이고

새 탭에서 열기 버튼을 체크한 후 삽입하면 에펨네이션 이렇게 옆에 아이콘이 생기면서 구분됩니다.

또 본문내에서 삽입한 링크를 클릭해보면 하단에 박스가 출력되는데

다른건 눌러보면 알거고 2번째 버튼을 눌러보면 RED YELLOW 라는 창이 나오며,

RED를 누르면 링크 표시가 빨갛게 되고, YELLOW를 누르면 링크 표시가 노랗게 됩니다.

테이블 삽입

표 삽입 기능이 이전보다 더 직관적으로 그리고 세련되게 변경되었습니다.

표도 삽입 후 클릭하면 아래에 편집 메뉴가 출력됩니다.

이전과는 다르게 셀간의 수평/수직 병합이 가능하고, 헤드 삽입도 가능하며 특정 셀의 테두리를 굵게 표시, 빨갛게 표시하여 강조효과도 넣을 수 있습니다.

셀이 엄청나게 많은 경우 일괄적으로 격자 푸른 배경을 넣어 헷갈리지 않도록 조정도 가능합니다.

물론 내가 지정하고 싶은 셀에만 배경색을 넣을 수도 있습니다.

인용

인용 버튼은 본문을 강조하거나 소제목 처리시 매우 유용합니다.

증가 버튼을 누르면 세로줄이 하나씩 증가하며, 줄이 증가할때마다 보라색->하늘색->초록색으로 변경됩니다.

3줄 이상일때는 초록색으로 일괄 적용 됩니다.

수평선을 삽입

그냥 구분선 삽입이라고 생각하면 됩니다.

현재는 그냥 평범한 구분선이 삽입되는데 추후 에펨네이션 로고나 테이블이 표시되는 구분선을 넣을까.. 생각중입니다.

코드 보기

맨 끝에 코드보기 버튼이 있습니다.

클릭하면 위와 같이 라인과 소스코드가 출력되고 이를 이용하여 소스 코드 직접 삽입도 가능합니다.

글자 수 표시

에디터 우측 하단, 등록 버튼 위에 숫자가 나오는데 현재 내가 쓴 글의 글자 수 입니다.

한글 2byte, 영어 1byte가 아닙니다.

한글, 영어, 특수문자, 기호, 띄어쓰기 모두 1글자로 인식하여 표시합니다.

이미지와 파일은 카운팅하지 않습니다.

 QUICK INSERT BUTTON

모바일로 글을 작성한다면 + 버튼이 떠있고 그것을 누르면 위와 같은 버튼이 출력됩니다.

QUICK INSERT BUTTON 으로 사진삽입, 파일삽입, 점삽입, 숫자삽입, 구분선표시인데

현재 작동하는 버튼은 사진삽입, 파일삽입, 구분선표시뿐입니다.

점 삽입과 숫자 삽입 버튼은 현재 작동하지 않아야 정상입니다.

등록

이미지나 파일에 변형을 주고 미처 삽입하지 못한 파일이 있을 경우에는 등록시 알려줍니다.

해당 팝업창이 뜬다면 확인 후 삽입하지 않은 첨부파일이 필요없을경우 삭제해주세요.

서버 용량딸립니다.