포럼

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

로마네스크 질문은 아닙니다만; 에디터 컴포넌트 문의 좀 해도 될까요?

이온디 2020.01.27 Views 72 Votes 0

에디터 컴포넌트 중에 갤러리 컴포넌트를... 좀 수정해서, 

드래그해서 이미지 컴포넌트 창에 

내 로컬에 있는 이미지를 넣으면 자동으로 업로드해주는 걸 만들려면 

저건 어떻게 할 수 있을까요;;

Profile

3개의 Comment

Profile
라르게덴
2020.01.28

모든걸 제가 해드릴 순 없으니 정확한 답변은 드리지 못하나 대충 아래 식으로 하시는게 일반적입니다.

파일을 업로드 한 후에 드롭한 창에도 파일 리스트를 표시해줘야 하니까 업로드 후의 처리 또한 필요하겠네요. 업로드 기능은 시중에 나온 여러가지 라이브러리 중 하나 쓰시면 되는데 이왕 하실거면 XE에 내장되어있는 jquery file upload 를 가지고 만드시는걸 추천합니다.

// Drag over the dropable area.
$('#image_list').on('dragover dragenter', function () {
  $(this).addClass('[선택의 효과를 주기위한 class]');

  return false;
}, true);

// Drag end.
$('#image_list').on('dragleave dragend', function () {
  $(this).removeClass('[선택의 효과를 주기위한 class]');

  return false;
}, true);

// Drop.
$('#image_list').on('drop', function () {
  e.preventDefault();
  e.stopPropagation();

  $(this).removeClass('[선택의 효과를 주기위한 class]');

  // 드래그 된 파일 정보 받아오기
  var dt = e.originalEvent.dataTransfer;
  if (dt && dt.files && dt.files.length) {
    /* 파일 첨부 함수 호출
      예: https://github.com/blueimp/jQuery-File-Upload/wiki/API
     */
  }
}, true);
Profile
이온디
2020.01.28

https://codepen.io/syberknight/pen/oGdks 

감사합니다. 알려주신 jquery file upload 가 단순히 위의 기능인거죠?

이제 저렇게 드래그앤드랍방식으로 저 창에 업로드된 파일 리스트를 표시하면,

이제 에디터 컴포넌트에서 실제 xe 첨부파일로 넘어가는건 어디를 참조해보면 될까요;;

Profile
라르게덴
2020.01.28
@이온디

적어주신 내용은 참고가 안됩니다. XE, RXE에 삽입된 첨부파일 기능을 참고하시고 적용해보세요. 질문의 범위가 워낙 넓기 때문에 제가 일일히 알려드릴 수 없다는 점 양해 바랍니다.   

추가 질문에 대해서는 되도록 xetown, github에 문의해주세요. 저보다는 그쪽 분들이 더 자세히 알고 있으니까요.

에디터
No. Subject Author Date
156 안녕하세요 프로라이센스 관련해서 질문 드립니다. 4 maro 5 일 전
155 아이디어! 툴바인라인 단축키 지정 3 profile 이온디 2020.05.09
154 프로알라에디터에서 띄어쓰기를 p 태그 대신 br 태그로 바꾸려면 어떻게 하나요? 3 profile 이온디 2020.05.09
153 오늘 글쓰기 스킨 작업 해봤습니다. ㅎ profile 이온디 2020.04.20
152 사용자정의칸은 혹시 블로그 스킨에 없는게 맞나요? 1 profile 이온디 2020.04.19
151 에디터 아이콘이 가끔 몇개가 뜨지 않는 현상 없으시던가요? 3 profile 이온디 2020.04.03
150 플로알라 구매 문의 1 마름풀꽃 2020.03.20
149 가끔 에디터가 뜨지 않는 현상이 있는데 혹시 그런 적 없으신가요? 3 profile 이온디 2020.02.19
148 폰트크기설정 1 hyo 2020.02.11
로마네스크 질문은 아닙니다만; 에디터 컴포넌트 문의 좀 해도 될까요? 3 profile 이온디 2020.01.27
146 워드프레스에서 게시판을 사용할 때, 에디터가 가장 아쉽더군요. 2 profile 이온디 2020.01.22
145 "본문에 삽입하지 않은 첨부파일이 존재합니다" 라는게 안뜹니다 3 터렛쿤 2019.12.23
144 가끔 에디터가 안 뜹니다. 2 profile 이온디 2019.12.16
143 플로알라 엔터프라이즈 구매했는데 ㅠㅠ 1 1234 2019.11.16
142 라이센스 키 적용 문제 재문의 4 레아엘 2019.11.04
141 플로알라 코드..플로알라 아쉬움 1 플로알라 아쉬움 2019.10.22
140 이미지 클릭 시 원본 사이즈로 보기 3 초보자 2019.09.02
139 제목 부분 subject의 값을 글 저장시에 어떻게 넘기나요? 2 도담이 2019.08.22
138 질문 드립니다. 3 질문 드립니다 2019.07.24
137 edif.off 적용 시에 링크, 이미지, 동영상 등 클릭 문제 3 이승호 2019.07.02
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.