에디터 모드 데모

Froala Editor를 체험해 보실 수 있습니다. 자유롭게 글을 남겨주세요.
단, 욕설, 음란물 등의 글이 보일 경우 삭제 조치합니다.
또한, 홈페이지 용량 관리 차원에서 글이 삭제될 수 있으니 이점 양해바랍니다.

Profile
pock

2017.06.20

화면캡쳐로 에디터에 바로 붙혀넣기.

조회 수 804 추천 수 0

인라인 에디터 모드에서 해보고

다시 한번 진행해봅니다.


사실. 이거 안되는 것으로 알고 있는데

설마.. 하고 해보니 되는게 같네요.  




내용 추가합니다.


헐.   되네요.      이건 의미가 큽니다.


보통 글 작성할때 이미지 + 텍스트인데 이미지를 올릴 때 컴퓨터에 저장된 이미지를 불러와서 넣거나 웹에서 드래그를 해서 넣지요.  

부분적으로 가공하거나 인용할 경우 일단 저장후 파일을 읽어와서 첨부해줘야 합니다.  빠른 글 작성을 위해서는 화면 캡쳐해서 에디터에 바로 붙혀 넣는 것인데.


워...     혹시나 싶어서 화면 캡쳐해서 올리니 달라붙네요.


물론 CKeditor 에서도 에디터까지는 붙으나,  해당 PC에서만 보이게 되고 경로 주소를 보더라도 정상적인 웹 경로가 아닌 내부 소켓 같은 형태였습니다.

첨부이미지 저장애드온이나 여타 애드온이나 모듈로 처리하려고 해도 근본 소스가 화면캡쳐인 경우는 저장이 안되었는데...


지금 라르게덴님 Froala Editor 에서는 되네요 - -;;



혹시나 싶어서 캡쳐후 첨부된 이미지의 경로를 봐도



워워워우어워~~~   정확한 웹 경로로 저장 되어 있습니다.


화면캡쳐를 붙혀넣는 경우 약간의 딜레이가 있긴 합니다만, 추정하기에 변환 과정을 거치는 것으로 이해될 수준입니다.

www.froala.com/wysiwyg-editor   에서 몇개월전 테스트 했었을 때는 안되었던 것으로 기억하는데.   추가 된건지 몰라도 아주 좋습니다.


공식버전에서도 캡쳐 이미지 달라붙고, 웹 경로로 저장되는거 보니 에디터에 삽입 되는 순간에 변환 되는 것으로 생각되네요.


현재 첨부시 최대크기.  (자동 축소 되는 설정)


다만, 공식 버전과 달리 설정의 차이일지 몰라도 화면 캡쳐시 사이즈가 일정하게 줄여집니다.  (물론 이미지 잡고 늘려주면 되지만요.  이건 세팅 차이겠죠?)

www.froala.com 에서의 동일 화면캡쳐시 크기.




Profile
pock

반갑습니다.

4개의 댓글

Profile
pock
2017.06.20

음,  댓글에 첨부파일이 추가로 들어오는건 버그인거 같습니다.  무슨 파일인지 확인해보니

본문에 있는 이미지들이네요.   아마 자동저장기능에 달라붙어서 들어가지 않았나 싶습니다.

Profile
라르게덴
2017.06.21

@pock

캡쳐 후 붙여넣기는 원래 froala 기본 기능인데 blob 방식으로 첨부되었던 문제가 있어서XE에서는 이 방식 때문에 원래 첨부가 안되었습니다. 제가 직접 기능 개선해서 이슈 올렸고 2.6.2에서 반영됩니다.이곳은 제가 추가한 기능이라 되고 있는것

더욱이 캡쳐가 전체 스크린인 경우가 많으니 업로드 후 포토에디터를 이용해서 원하는 사이즈로 잘라내기 등 편집도 쉽게 됩니다.

화면 사이즈는 사용자 옵션으로 되어있습니다.

https://www.froala.com/wysiwyg-editor/docs/options#imageDefaultWidth 

기본 사이즈가 300인데 값을 null로 하면 원본 사이즈로 불러옵니다. 그외에도 26개의 다양한 api가 있으니 사용자가 필요에 따라 커스터마이징 가능합니다.

오히려 첫 copy&paste에 imageDefaultWidth 값이 적용받지 않는게 버그 같습니다. -_-;


첨부파일... 시도해봤는데 재현이 안되네요. 어떻게 하신건지 어느 OS, 브라우저인지 구체적인 재현 순서를 아시면 적어주시면 확인해보겠습니다.

Profile
pock
2017.06.21

테스트.


번호 제목 글쓴이 날짜 조회 수
32 mp3 그리고 quick Insert 1 mp3 2017.07.22 84
31 한글 이미지 파일 2 한글파일 2017.07.22 118
30 Wikia ㅂㅈㄷ 2017.07.10 143
29 다짐 2017.07.09 91
28 테스트 글입니다. 아그래 ㅎㅎ 아그래 2017.07.07 150
27 유튜브 2 천사시체 2017.07.01 102
26 유튜브 테스트 천사시체 2017.07.01 109
25 출시전 테스트도 겸해서 미리 구매가 가능할까요? 천사시체 2017.06.23 357
24 안드로이드 모바일 테스트 천사시체 2017.06.23 86
23 아아 마이크 테스트 장나라 2017.06.23 102
22 pc 크롬 테스트 천사시체 2017.06.23 120
21 동영상. 첨부후 3 pock 2017.06.23 147
20 가로줄 삽입. 이상 현상 2 pock 2017.06.22 106
19 캡쳐 이미지 붙혀넣기시 이상 현상. 3 pock 2017.06.22 101
18 캡쳐 이미지 테스트. 3 pock 2017.06.22 103
17 첨부 파일 테스트. 6 pock 2017.06.22 110
16 이미지 첨부 테스트. 5 pock 2017.06.22 99
15 캡쳐후 붙혀넣기. 본문 첨부가 댓글로 따라오는 문제. 재현. 11 pock 2017.06.21 167
화면캡쳐로 에디터에 바로 붙혀넣기. 4 pock 2017.06.20 804
13 이미지 테스트 글쓴이 2017.06.13 1343
Find Account
  • 이메일 주소로 계정 찾기

    아이디/비밀번호는 가입시 등록한 메일 주소로 알려드립니다. 가입할 때 등록한 메일 주소를 입력하고 "ID/PW 찾기" 버튼을 클릭해주세요.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.

  • 인증메일 재발송

    인증 메일을 받지 못한 경우 다시 받을 수 있습니다.

  • 이메일 주소

    이메일 주소 형식이 올바르지 않습니다.