froala_inline.png

forala_edit.png

Froala Editor를 완성했습니다.

 

한 1년 동안 손놓고 있다가 나라가 바뀌는 타이밍에 불나게 완성하려 했지만 예상외로 버그가 많길래 그거 고치느라 시간이 많이 걸렸습니다. 4월부터 다시 개발하기 시작했으니 2달쯤 걸린셈이 되네요. 흑흑

 

아래의 주소를 통해 테스트 가능합니다. 사용해보시고 관련 의견 주시면 고맙겠네요.

https://romanesque.me/edit_demo/post

https://romanesque.me/inline_demo/post

 

제가 완성한 에디터는 현재 개발자가 만들어 놓은 최신버전보다 더욱 발전되어있고 버그도 개선된 버전입니다. 현재 시중에 보이는 에디터들과 비교불가의 정말 깨끗한 개발버전입니다. 최근까지도 froala github에 이슈 등록했고 거진 40개의 이슈가 개선, 반영되었습니다.

 

참고로 자랑하나 하자면, 이 에디터를 발견하고 사용되기까지 가장 큰 난관이 한국어 일본어 IME호환 문제 였습니다. 예전 제 글이 기억나시는 분은 아시겠지만 많은 시간을 할애하여 버그개선을 도왔고, 이제는 한국어 일본어 관련 이슈가 올라오면 스테판(stefann)씨가 제 개인 메일로 문의를 할 정도로 사이가 가까워졌습니다. 감히 말하는데 제가 이 에디터에 참여하지 않았다면 한국에서의 이 에디터 사용은 아마도 어렵거나 더욱 시간이 늦춰졌을 겁니다.

 

에디터의 주요 기능은 100가지가 훨씬 넘는데다가 제가 추가로 만든 기능까지 합하면 다 나열하기도 벅찰 정도로 기능이 알찹니다. 그중 제가 추가개발한 대표적인 것만 이야기하자면,

 

  • 모바일 완벽대응
  • 멀티 이미지업로드, 영상업로드, 음악업로드, 파일업로드 ※현재는 순차적 업로드로 처리된 상태입니다.
  • 멀티 에디터 ※한페이지에 동시에 첨부파일까지 문제없이 사용가능(AJAX호출로도 가능)
  • 블럭표기,
  • 코드표기
  • 완전 자동저장기능
  • 에디터 상에서 로그인 기능(일반 로그인 시 자동저장 기능으로 그대로 글을 이어갈 수 있습니다.)
  • 그외 세세하게 유저 도움을 주는 도구 등등...

100가지가 넘는 옵션과 API가 있기 때문에 되도록 이 옵션들을 타 스킨, 스크립트에서 자율적으로 사용하도록 구현했습니다. XE의 문제점도 극복하기 위해 호환성도 염두했고 보안 기능도 검토해서 반영했습니다.

 


 

이곳에 간혹 에디터 관련 글이 보일때마다 근질 근질 했는데 이제야 소식 알려드릴 수 있게 되어 기쁩니다.

아직 홈페이지가 디자인 되지 않은 상태라 당분간은 홈페이지 꾸미기를 할거고요. 관련 매뉴얼이나 팁등을 차차 홈페이지에 올려두도록 하겠습니다.

 

그리고 이걸 어떻게 배포하려나 고심중입니다. 유료로 생각중이거든요. 혹 관심 있으시거나 고견 주실 분이 계시다면 제 홈페이지 포럼에 글 남겨주시면 고맙겠습니다.

 

끝.

  • Lv12
    멋있다! 테스터로 쓰다가 ㅋㅋ 유료 구입해도되나요 사이트는 쪽지로 보내볼게요
  • Lv6
    멋지네요!!!! >.<
  • Lv12
    당신이 봇이아니라는것을 증명라기 위해 체크해달라는 얼럿은 뜨는데 ㅎㅎ 어찌 체크해야하나요?
  • Lv12
    예. 그러네요. 수정했습니다. ^^
  • Lv6
    에디터 컴포넌트가 숨겨져있어서 아쉽네요.
    탭버튼 형식으로 대놓고 노출되어있는 형태를 더 선호하는지라...
    그나저나 파일첨부라던가 모바일에서의 동작이라던가..
    정말 좋으네요~
  • Lv6
    에디터 컴포넌트는 이 에디터에서 필요없는 존재라고 판단하여 아예 없앨려고 했는데요. 설문조사 같은 기능은 써야하니 그나마 버튼 하나로 넣었습니다. 전체적으로 컨셉을 해치는 요소는 배제하려고 합니다. 죄송합니다.
  • Lv6
    저도 에디터 컴포넌트는 단 하나의 기능때문에 쓰고 있는데..
    바로 멀티미디어 콘텐츠 애드온입니다..
    유튜브 영상같은걸 자동으로 본문폭에 맞게 리사이즈(100%)해주는데..
    데모페이지 가서 비디오 첨부해보니 비율에 맞춰서 리사이즈되진 않네요..
    그것빼곤 사실상 안그래도 CK에디터에 불만이 굉장히 많았던지라 (특히 모바일..)
    기대됩니다.
  • Lv6
    조정 가능합니다. API 옵션으로 제공 되어있으며 기본 600px로 되어있습니다.
    자유롭게 100% 리사이즈로 맞추면 됩니다.
  • 대단하십니다 bbbbb
  • 깔끔하고 좋네요...

  • Lv7
    멋집니다 ~
    다만 자동저장에 문제가 있는듯 합니다.
    아이피 기준으로 임시저장 되는듯 합니다.
    핸드폰에서 쓰다만 내용이 PC에서 그대로 불러와지네요
    공용 인터넷 에서는 누가 쓰던 글을 그대로 불러올수 있는 문제가 있을 듯합니다.
  • Lv7
    자동저장은 XE, 라이믹스의 동작 원리를 그대로 하고 있습니다. 문제가 된다면 코어에서 조치되어야 할 사항 같습니다. 로그인하고 있다면 로그인 된 사용자는 어디서든 원문을 불러오고, 비 로그인은 IP에서만 불러옵니다. 비 로그인에서 로그인으로 바뀌는 순간 로그인 된 사용자에게로 자동저장 정보가 이동됩니다.
  • ? Lv3
    무척 반가운 소식입니다. : )

    iOS 계열에서 거의 유일하게 버그 없는 에디터인데요. 유상구매 반드시 참여합니다!
  • ? Lv3

    + 테스트해보니 한글 버그가 생기네요.

    증상 :

    iOS 10.3 버전인데. 줄 바꿈후 한글 입력시 윗줄로 따라 올라갑니다.
    CKEdior 버전 전부와 대부분의 에디터에서 나타나는 한글(자음+모음)의 고질적인 버그중 하나인데.

    이상한건 Froala Editor 공식페이지의 테스트에서는 발생하지 않았던 문제입니다.
    혹시 기능추가하면서 생긴게 아닐까 싶기도 한데요.

    Froala Editor 에디터의 원래 문제인 만큼 금새 해결되리라 기대합니다.

     

    정말 멋지게 작업하셨네요~ : 0

  • ? Lv3
    말씀하신 경우가 어떤건지 잘 모르겠는데, 글 작성할때 스크롤 되는거라면 제가 자동스크롤 기능을 추가해서 나오는 경우일겁니다. 이것은 옵션으로 끌 수도 있고 어디부터 어디까지 범위를 조정할 수도 있게 했습니다. 옵션을 끄면 froala editor에서 보는 내용과 동일하게 동작합니다.
  • ? Lv3
    자동스크롤 문제가 아니고
    엔터로 줄바꿈후 한굴을 적을때 윗쪽 줄 뒷부분으로
    달라붙는 현상입니다.

    테스트해서 캡쳐화면 같이 올럈습니다.

    https://romanesque.me/index.php?mid=edit_demo&document_srl=1951
  • 오 클리앙에서도 이번 개편에 썼던 에디터인데 XE화가 되었네요. 아무쪼록 완전체 에디터가 되었으면 좋겠습니다!

  • 와~ 너무나 멋집니다. 기대하고 있겠습니다. ^^
  • ?

    이미지 대박이네요

    유료로 나오면 전 이거 바로 구매합니다

  • ? Lv17
    로그인도 에디터에 붙어 있네요. 모바일에서도 youtube 영상 붙일수도 있고....

    제일 중요한건 뭔가 로딩없이 휙 뜨는 느낌?

    현재로선 에디터 끝판왕일듯 한데.... 우선 수고하셨다는 말씀 드리고 싶네요.
  • Lv15
    에디터 자체도 유료인가보네요....-0-;;;;;;;
  • Lv15

    에디터 자체는 유료인데 저는 OEM 라이선스라 판매 가능합니다. 즉, 저에게서 구매하는 사람은 라이선스 비용을 별도로 지불하지 않아도 됩니다.

  • Lv15 ? Lv3
    원래 수십만원짜리 유료에디터이고.
    2년 넘게 수정하고 나중에 업데이트 되는 작업량을 고려할때 유료일지라도 충분한 값어치를 합니다.

    유료 레이아웃이니 게시판이 아무리 좋아도 지금
    ck에디터나 기타 에디터는 아이폰이니 아이패드
    호환성이 무척 떨어집니다.

    개인홈페이지에서는 무리일지도 모르지만
    커뮤니티나 글쓰기 권장을 위해서 에디터는 아주
    중요한 요소입니다.
  • ?
    진행이 정체되있는듯 했는데 갑자기 확 처리하셨네요! ㅎ
  • 저기. 제 포럼도 있습니다. 되도록 의견 있으시면 포럼에 남겨주시면 상세히 설명 드리겠습니다. ^^
  • ? Lv6
    대박입니다. 구매 예약입니다 ㅎㅎ
  • 정말 좋아요! 그런데 글접기 기능도 있으면 글을 자주 쓰는 사람들 입장에서는 더욱 유용하게 쓰일것 같아요!
  • 퀵버튼이 떠다니고 게시판에 소셜로그인에
    인용문구에 엄지척이네요
    몇달이 걸렸다는게 실감나는 디테일이네요
  • Lv8
    포토 에디터 죽이네여 ㄷㄷㄷ
  • ? Lv17
    크... 다시 보니까....
    라르게덴님 없었음... 클리앙도 이 에디터 도입을 못할뻔 했겠네요.. ㅎㅎ
  • 이야 정말 깔끔하고 좋네요.

    기본 CK에디터에 불편한게 많아도 대체를 못했는데 요즘 SNS나 블로그 에디터 스타일처럼 깔끔하고 사용하기 좋습니다.
  • ?
    와...이미지 삽입 대박이네여....이건 진짜 구매욕구 팍팍오네요
  • ? Lv8
    역시 실력이...
    방금 테스트를 한번 해봤는데요..제가 사용법을 몰라서 그런건지..

    첫번째 이미지를 업로드 하고..생각해보니 이 이미지가 잘못 올라간거라 본문에서 삭제를 했습니다.
    그리도 두번째 이미지를 업로드 하고 저장하니 첨부파일에 이미지가 2개가 들어가 있습니다.
    물론 첨부를 했으니 2개가 있겠지요.
    문제는 잘못 올림 이미지를 삭제할 방법을 못찾았네요.

    사용법을 몰라서 그런걸까요?
  • ? Lv8
    예. 검색 이라는 버튼을 통해 올린 자료를 보시거나 삭제, 대표이미지 지정 가능합니다.
  • 이쁩니다~!
  • Lv8
    엄청난 값어치가 있을법한 에디터 같습니다.
  • Lv5
    와!! 저도 미리 예약하겠습니다!
  • Lv12
    인라인 모드는 홈페이지 개발 및 납품에 큰 도움이 될 것 같습니다.
  • 기능은 많은게 좋긴한데 그 기능을 일일히 눌러서 쓰기에는 많은게 조금 불편할 것 같아요
    단축키 기능을 못찾겠던데 있나요???
  • Lv5
    캬~ 따봉입니다. 정말 깔끔한 디자인과 함께 컴펙트한 기능들이 맘에 듭니다.
    폰트에서 라이믹스와 같이 나눔고딕이라던지 무료한글폰트가 들어가면 좋겠다는 생각을 해 봅니다.
    저작권에 문제가 없다면요~
  • ?
    좋아보이긴 한데 ㅎ-ㅎ
  • ?
    좋아보입니다.
  • 박수쳐드립니다. 지구력의 승리시군요!!
  • Lv6
    포토에디터 죽음이네요~
  • 정말 대단하십니다. 혹시 유료로 판매하실 생각이시면 가격은 얼마정도로 책정하실껀가요? 이정도 퀄리티면 꼭 구매해서라도 사용하고 싶습니다 ㅎㅎ
  • ?
    축하드립니다.
    가격만 적당하다면 유료 구매하고 싶은 물건입니다.
  • Lv8
    와우... 정말 대박이네요. 라이센스 정책에 위배되지 않는 자료라면 나오자마자 지갑 열어야겠습니다ㅋㅋ