이미지를 저장하기 전에 현재 편집 도구를 완료하려면 클릭하여 벗어나세요.
현재 이미지 아래에 있는 단락/이미지에 따라 달라지는 것 같습니다. 이미지 옆의 내용이 null(또는 제목)인 경우, 작업을 완료하거나 다음 이미지를 교체할 수 없습니다.
이 TC는 정말 훌륭합니다 — 하지만 브라우저 콘솔에 오류가 하나 있는 것 같고, 이 TC와 관련이 있는 것 같습니다:
![]()
그래도 아직까지는 작동하는 것 같으니 큰 문제는 아닙니다.
또한, 자르기와 편집 옵션이 새로운 ‘제목 편집’ 기능과 더 잘 통합되는 것이 더 나을 것 같다는 생각이 듭니다. 예를 들어, 해당 옵션 옆에 아이콘 하나둘을 배치하는 방식이죠. 마우스를 올리면 한 가지 옵션이 표시되고, 클릭하면 또 다른 옵션이 표시되니 다소 어색한 느낌이 듭니다!
편집은 되지만, 저장되지 않았고 다음 CSP 관련 오류가 발생했습니다:
Message
CSP Violation: 'eval'
(a=0)=>{let b;const c=class{};}
Backtrace
/var/www/discourse/app/controllers/csp_reports_controller.rb:14:in `create'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/basic_implicit_render.rb:6:in `send_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/base.rb:215:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/action_controller/metal/rendering.rb:53:in `process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/actionpack-7.0.3/lib/abstract_controller/callbacks.rb:234:in `block in process_action'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:118:in `block in run_callbacks'
/var/www/discourse/app/controllers/application_controller.rb:415:in `block in with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/i18n-1.10.0/lib/i18n.rb:328:in `with_locale'
/var/www/discourse/app/controllers/application_controller.rb:415:in `with_resolved_locale'
/var/www/discourse/vendor/bundle/ruby/2.7.0/gems/activesupport-7.0.3/lib/active_support/callbacks.rb:127:in `block in run_callbacks'
iPad과 iPhone을 모두 시도해 보았고, S3를 사용 중입니다 — 이 중 어떤 것이 원인이 될 수 있을지 궁금합니다.
CSP 문제는 다음에 사용된 새로운 패턴으로 해결할 수 있습니다:
이 내용을 추가하는 PR을 보고 싶습니다.
안녕하세요, 매우 유용한 컴포넌트네요. 이미지를 원형으로 자를 수 있는 기능이 있나요?
이것은 어떤 커뮤니티에든 정말 훌륭한 컴포넌트입니다!
현재로서는 함수 사용법에 대한 포럼 튜토리얼을 만드는 데 유용하게 활용될 것입니다!
정말 멋지고 놀라운, 풍부한 기능을 갖춘 이 아이디어를 만들어 주셔서 진심으로 감사드립니다!
![]()
![]()
![]()
모바일로 사용해 보셨나요?
네, 테스트에서는 어느 정도 작동합니다.
좋네요. 한 번 더 시도해 봐야겠어요. 지난 여름에는 애플 제품이나 안드로이드 기기에서도 작동하지 않았거든요.
자르기 및 일부 기능은 잘 작동합니다. 다만 펜으로 그리기 기능이 제대로 작동하지 않는 것 같습니다.
안드로이드를 사용 중입니다. 미리보기 창을 클릭해서 이미지를 클릭했습니다.
플러그인을 사용한 후 이미지를 압축하는 것 같습니다. 아니면 어딘가에서 이미지 품질을 망가뜨리는 것 같기도 하네요.
또한 편집된 이미지의 라이트박스(Lightbox)를 제거하는 것 같습니다. 그게 문제인 것 같아요. 라이트박스가 아닐 때 전체 이미지를 불러오지 못합니다.
그러니까 주석 도구의 주요 부분이 실제로 작동하지 않는다는 말씀이시군요 ![]()
아마도 그렇겠지. 적어도 그림 작업에서는.
작은 영역에 텍스트를 추가하는 기능이 사각형을 만들까 봐 걱정했는데, 잘 작동하는 것 같아. 앞서 말했듯이 아주 간단한 테스트였지만.
모바일에는 한계가 있으니 최상의 경험을 원하면 데스크톱 PC를 사용하라는 내용을 공지사항에 간단히 포함하면 충분할 것 같아.
![]()
![]()
모바일 기기를 사용 중이라면 이미지 크기 때문에 제한이 있을 수 있습니다.
편집을 사용한 후 라이트박스 기능이 제거됩니다.
모바일 사용도 가능할 수 있습니다.
좋은 정보네요. 확실히 더 많은 테스트가 필요할 것 같고, 필요하면 직원 외에는 모르게 데스크톱 전용으로 설정하되 모바일 사용성은 유지하는 방향으로 가볼까요. 아마도.
테스트 피드백을 제공해 주셔서 감사합니다.
짧고 빠르게 테스트해 보았습니다. 이미지 편집 창에서는 이미지의 크기를 잘못 조정했지만, 원하던 모든 주석을 달 수 있었습니다 — 자르기는 시도하지 않았습니다. 그런데… 내 편집 내용만 저장되고 이미지 자체는 사라져 버렸습니다.
그래서 저는 이 기능을 여전히 고장 난 구성 요소로 보고 있습니다.
물론 이미지가 너무 컸거나 S3를 통한 CDN에 문제가 있었을 수도 있지만, 어쨌든 — 그런 제한 사항이 사실이라면 이 기능은… 너무 제한적입니다.
솔직히 말하겠습니다. 이건 기본적인 오디오 및 비디오 녹음 기능과 같습니다. 모든 모바일 기기가 기본적으로 모든 기능을 수행할 수 있으므로, 이런 도구가 필요한 것은 제한적인 데스크톱 환경뿐입니다.
그러므로 이 기능을 #desktop-only 태그로 분류하는 것이 좋을까요?
매우 좋은 방법입니다. 아직 데스크톱에서 테스트해 보지 못했는데요. 의도한 대로 잘 작동할 것 같나요?
저도 마찬가지입니다. 요즘은 데스크톱을 거의 사용하지 않는데, 데스크톱이 필요한 유일한 용도가 오디오 편집이거든요. 머지않아 꼭 한번 시도해 봐야겠습니다.
