XETOWN

분수 광장

특정한 주제 없이 자유로운 이야기를 나눌 수 있습니다.
조회 수 162 추천 수 2 댓글 6
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 댓글로 가기 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 첨부

안녕하세요, 

Froala Editor 테스트 버전을 받아 설치중입니다.

 

에디터 체험은 라르게덴님 사이트에서 가능하니 궁금하시거나 아직 에디터 사용 안해보신 분들께서는 아래 링크를 눌러 사용해 보시면 어떨까 싶구요.

 

https://romanesque.me/edit_demo/post

 


 

일단 설치형의 장점으로서는 에디터 메뉴를 편집 할 수 있고 세세한 옵션 설정이 가능하다는 점이 되겠습니다.

 

아래 체험 가능한 세팅의 경우 에디터 메뉴가 잘 정돈 되고 각기 기능도 막강하지만, 좀 더 간결한 기능. 원하는 기능만 필요한 분들도 계실겁니다.

 

스크린샷 2017-07-05 오후 11.22.26.png

 

저는 개발자가 아닌 사이트 운영자로서 기웃거리고 있기 때문에 CSS 개념도 모르고 PHP 언어도 거의 모릅니다.

 

그러나, 프로알라 에디터의 경우 XE(라이믹스) 관리자 페이지의 각 게시판 > 추가설정의 에디터 선택 아래 메뉴에 에디터 추가 설정창이 있고 추가 설정 공간에 옵션으로 설정을 입력해주면 됩니다.  워낙 기능과 옵션이 방대해서 한글화 매뉴얼 작업은 마무리 되지 않았습니다만, 이곳에 오시는 분들은 대부분 한번 보시면 이해 되실 정도로 아주 쉽습니다.      관련한 영문 매뉴얼 

 

스크린샷 2017-07-05 오후 11.25.59.png

 

실제 에디터 편집기나 ftp 프로그램을 통한 파일 업로드 없이 관리자 페이지의 에디터 추가 설정 항목만으로 수정한 결과입니다.

 

스크린샷 2017-07-05 오후 11.30.03.png

 

사실 에디터 수정하려면 여기저기 뜯으려고 해도 도대체 어디서부터 손대야 하는지 엄두가 안납니다만, 해당 단어의 입력 순서만 바꿔주면 에디터 메뉴 순서가 바뀌고 단어 삭제하면 사라집니다. 폰트나 단락, 폰트 크기의 경우 눌림버튼형으로 옵션만 바꿔주면 바로됩니다.

 

스크린샷 2017-07-05 오후 11.22.26.png

상기 이미지의 에디터 메뉴 수정전과 수정후를 비교해보면 얼마나 간단한지 알 수 있습니다.

 


 

한번 정리된 코드 형태로 각 게시판마다 더하거나 빼면서 수정이 가능하고 메모장 같은 곳에 하나 복사 해놓고 사용하시면 게시판당 1분 이내에 정리가 가능할거 같습니다.

 

현재 글을 적으면서 모바일쪽의 에디터 메뉴를 정리해봤습니다. 대략 3분정도 걸렸네요.

 

스크린샷 2017-07-05 오후 11.38.12.png  본문용 에디터와 비교해보면 더 간단해졌습니다.

스크린샷 2017-07-05 오후 11.30.03.png

 

저는 개발자가 아니라 사이트(커뮤니티)운영자이기 때문에 많은 기능이나 복잡한 나열 형태보다는 제가 수정 할 수 있으면 주로 사용하는 기능 위주로 편집을 하고 싶었습니다.

 

사실 대다수의 사이트들이 본문과 댓글 영역에 에디터 설정을 동일하게 사용하고 있고, 기술적인 문제 때문에 댓글은 파일첨부나 기능을 막은 단순 텍스트형으로만 사용하게 됩니다.

 

이런 상황에서 단순히 에디터 메뉴의 설정과 본문/댓글.  그리고 게시판마다 특성에 따라 설정이 가능하고 손쉽게 커스텀 작업이 가능하다는 부분은 대단한 장점입니다.

 

댓글 에디터 설정을 기준으로 얼마나 쉬운지 한번 더 설명하며 글을 정리하고자 합니다.

 

스크린샷 2017-07-05 오후 11.41.30.png

1. 툴바버튼 어쩌고 된 부분은 에디터메뉴(툴바)의 순서입니다. 지정된 단어의 순서와 삽입 여부만 결정해주면 끝납니다.

 

2.밑에 세가지는 모바일(패드류)에 따른 화면 자동조절인데. 본문에서 넣었던거 그냥 가져온거라 필요한지는 모르겠습니다. ^^;;

3.zindex 부분은 이미지 삽입시 팝업창이 뜨는데 현재 사용하는 레이아웃과 간섭이 있어서 피하고자 값을 추가로 넣어주는 것입니다.

 

실제 다른분들은 2와 3은 없어도 되겠네요.  결국  XE 관리자 페이지에서 한줄 정도의 옵션 추가/구분으로 번듯한 모바일 에디터 설정이 끝난겁니다.

 

스크린샷 2017-07-05 오후 11.38.12.png

 

쉽고 대단하지 않습니까?    

수년간 XE의 부족한 부분들이 라이믹스와 프로알라 에디터를 결합하면 대부분의 단점은 사라질거 같네요.

 

 

 

  • ?
    pock 2017.07.05 23:59:03
    관련된 내용은 추가 갱신 될 수 있으니 추가 내용을 보고자 하시는 경우 아래 링크로 이동해 주세요~
    https://romanesque.me/forum/4051
  • profile
    다이오니 2017.07.06 08:42:08
    사이트 들어가서 보니 스크린 샷이 보이지 않아요~
  • ?
    pock 2017.07.06 21:10:21
    아, XETOWN 에 적은 글을 바탕으로 드래그 복사 했는데 외부이미지가 차단된 상태였나봅니다. 프로알라 에디터 기능중 캡쳐후 붙혀넣기로 바로 수정해서 대체했습니다.
  • profile
    약사이다 2017.07.06 09:32:28
    저역시 기대중입니다만.. 프로알라 에디터는 유료이고, 라이믹스는 무료이니 이게 한꺼번에 배포될일은 없지 않을까 싶습니다.

    아무튼 저 역시 프로알라 에디터 구입하려고 대기중이에요.

    특히나 사진을 에디터에서 편집하는 기능은 정말 대박입니다.
  • ?
    pock 2017.07.06 21:13:05
    예. 결합한다고 적은 것은 물리적으로 합친다는 의미는 아니고 운영자 입장에서

    XE 단점 --> 라이믹스
    기존 에디터 호환성 및 버그 --> 프로알라 에디터

    거의 완벽하게 대체하고 조합하면 정말 대단하다는 것입니다.
  • ?
    pock 2017.07.06 21:15:15
    포토에디터는 아무래도 웹에서 이루어지다보니 서버나 회선에 따라 약간씩 차이는 있는거 같습니다만, 지금까지 어디 에디터에서 볼 수 없었던 기능이고 에디터내에서 이런 기능이 구현 되는거 자체가 놀라움입니다.

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...