포럼

Froala Editor에 대한 사용의견을 남기는곳 입니다.
데모는 edit mode demo, inline mode demo에서 체험해 보실 수 있습니다.

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


사실상 기존 에디터의 중요성에 대해서는 운영자들이라면 느끼겠지만, 막상 수정도 어렵고 의뢰하자니 수정하는 분들도 에디터에 대해 정확하게 알지 못하는 경우가 많아 작업이 시원찮습니다.

그래서인지 꽤 규모가 있는 사이트인데도 본문과 댓글 에디터 메뉴가 동일하거나 댓글쪽은 아예 텍스트만 가능하도록 막아버린 경우도 많고 세세한 설정은 꿈도 꾸기 어려운게 현실입니다.


프로알라 에디터를  설치하면서 제일 관심 가진 부분은 손쉽게 에디터 메뉴를 편집 할 수 있고 세세한 옵션 설정이 가능하다는 점이 되겠습니다.  사실 국내버전의 제작자인 라르게덴님에게 들었을 때 어느정도인지 감이 오지 않았는데. 설치해보니 정말 쉽습니다.


아니 정확하게는 마침표 구분도 제대로 몰라서 시간이 좀 걸렸습니다만, 그건 제가 개발자가 아니라서 워낙 미천해서 그렇고. 한번 이해하고 나니 본문이나 댓글의 경우 몇분 정도면 세팅이 끝납니다.


잡설이 길었네요. 이미지 보면서 다시 설명드립니다.   (아래 이미지는 XETOWN에 올린 동일 글을 다시 복사후 붙혀넣은 다음에 재편집을 하고 있습니다. 프로알라 에디터의 막강기능중 하나인 캡쳐를 포함한 에디터상의 이미지 저장 기능 덕분에 보이는 것은 그대로 저장되겠죠^^)


현재 프로알라 에디터의 글쓰기 체험이 가능한 상태의 거의 기본 에디터(툴바)메뉴입니다.

 

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

 

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

 

 

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

 

 

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

 

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

 

 

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

 

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

 

  본문용 에디터와 비교해보면 더 간단해졌습니다.

 

저는 개발자가 아니라 사이트(커뮤니티)운영자이기 때문에 구성원들의 평균적인 눈높이에서 접근을 합니다.  많은 기능이나 복잡한 나열 형태보다는 제가 수정 할 수 있으면 주로 사용하는 기능 위주로 편집을 하고 싶었습니다.  이쁜 기능들이 많은데 선택 할 수 있다. 얼마나 좋습니까.

 

사실 대다수의 사이트들이 본문과 댓글 영역에 에디터 설정을 동일하게 사용하고 있고, 기술적인 문제 때문에 댓글은 파일첨부나 기능을 막은 단순 텍스트형으로만 사용하는 현실속에서 외주작업이나 스스로 공부해야 시간과 비용을 줄일 수 있습니다.

 

단순히 에디터 메뉴의 설정과 본문/댓글.  그리고 게시판마다 특성에 따라 설정이 가능하고 손쉽게 커스텀 작업이 가능하다는 부분은 대단한 장점이며 계속 기능적인 추가가 지속될거라는 점은 축복 수준입니다.

 

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

 

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

 

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

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

 

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

 

 

물론 몇가지 오류와 제작 기준이 기존 에디터와 달라서 구성원(회원)들에게 충분하게 설명하면서 낯설어서 오는 거부감을 해소 시켜야겠습니다만, 그건 아주 일부분이고 호환성/기능성/안정성/확정성/지속성 측면에서 어느 에디터보다 휼륭합니다.


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


No. Subject Author Date
76 에디터 툴바 설정 질문드립니다. [4] 이온디 2017.10.22
75 [기능건의]프로알라 에디터 전역 설정 [6] file 이온디 2017.10.22
74 [질문]코드 그대로 붙여넣기는 어떻게 동작하나요? [12] 이온디 2017.10.22
73 Froala Editor 활성화 키에 대한 적용 문의 드립니다~ [2] 이윤희 2017.10.12
72 프로알라 에디터에서 image caption과 embedly를 지원합니다. [2] file 라르게덴 2017.09.21
71 현재 진척 상황 보고 (아마도 마지막이지 않을까) [1] 라르게덴 2017.08.31
70 긴 시간 볼수록 좋은데요 국비뉴스 2017.08.23
69 froala 2.6.5가 릴리즈 되었습니다. 라르게덴 2017.08.18
68 에디터 로그인 기능을 제작 중 입니다. [2] file 라르게덴 2017.08.15
67 제가 Froala 개발자 멤버에 정식 등록 됩니다. [4] file 라르게덴 2017.08.10
66 이미지 검사 기능을 추가했습니다. [4] file 라르게덴 2017.08.07
65 현재 진척 상황 보고 (판매 가격을 공지합니다.) [10] 라르게덴 2017.07.28
64 이 사이트 로그인하면 가끔 이런게 보이네요 file 이온디 2017.07.23
63 스케치북 게시판 스킨을 플로알라에 맞게 만들어보았습니다. [1] file 이온디 2017.07.20
62 플로알라 에디터 없는 곳에서는 글 쓰기 싫으네요 [2] 이온디 2017.07.20
61 froala 2.6.3의 업데이트 조짐이 보입니다. file 라르게덴 2017.07.20
60 비즈니스 판매자는 할인 같은 게 있을까요? [1] 이온디 2017.07.17
59 집도 얼추 꾸며졌고... [2] 라르게덴 2017.07.15
58 그누보드는 지원계획없나요? [4] ㅇㅇ 2017.07.07
» 본문 / 댓글 영역의 툴바 메뉴 편집 후기. file pock 2017.07.05
Find Account
  • Find Account with Email address

    Please input the email address you have entered during the registration and we will send your account info to this email address.

  • Email

    Email address format is invalid.

  • Request for Activation Mail

    You can request for the activation email if you have not activated yet.

  • Email

    Email address format is invalid.

Requesting to the server, please wait.