중요 공지
“버블박스”가 “노코더스”라는 이름으로 변경됐어요
현재 사이트는 더 이상 운영하지 않으니
노코더스 사이트로 이동해주세요
한 줄 요약
특정 내용을 클립보드로 카피해 사용할 수 있게 하는 플러그인입니다.
This is a plugin that enables copying some content into clipboard and use it
버블박스를 운영하는 페임리가 궁금하다면?
If you're curious about FameLee?
Core (핵심 정보)
1. Reference
플러그인 페이지 (Plugin Page)
데모 링크 (Demo Page)
에디터 링크 (Editor page)
2. ChangeLog
1.1
•
Improving Browser Compatibility ( 브라우저 호환성 개선 )
1.0
•
Copy text in Clipobard ( 클립보드에 텍스트 복사하기 구현 )
3. Action
제작한 버블 사이트에 채널톡을 연동합니다.
Integrate ChannelTalk into the Bubble site you've created.
a. copy clipboard
Input
필드 | 타입 | 설명 | 예시 |
CopyContent | String | 복사할 내용을 입력합니다.
Write the content which you want to copy | |
IsActiveAlert | Booelan | 브라우저의 기본 팝업창을 띄울지 선택합니다.
chose whether showing browser's default popup | True |
alertContent | String | 기본 팝업 창에서 보여줄 내용을 입력합니다.
Write the content on browser's default popup | 버블박스 링크가 복사됐습니다.
주변 지인에게 버블박스를 알려주세요! |
return_success
PC ( safari / Chrome )
mobile ( chrome / safari)
Tutorial (튜토리얼)
1. Use browser popup (브라우저 팝업 사용하기)
복사 액션 이벤트를 작동시킬 클릭 버튼이나 아이콘을 생성합니다.
Create clickable button or icon which trigger copy action event
버튼 클릭 시 작동하는 워크플로우를 생성하고, copy clipboard 액션 이벤트를 추가합니다. [copyContent]란에는 복사할 내용을 입력합니다. [isActiveAlert]를 활성화 해서 브라우저의 기본 팝업을 띄우도록 설정하고,[alertContent]란에 팝업에서 보여줄 내용을 입력합니다.
Create a workflow that triggers when a button is clicked, then add the copy clipboard action event. Input the content to copy into the [copyContent] field. Enable [isActiveAlert] to display the default browser popup and input the content to show in the popup into the [alertContent] field.
그러면 복사가 완료될 때마다, 브라우저에 맞춰서 팝업이 실행됩니다. 팝업 내용으로 앞선 [alertContent]가 출력됩니다.
After have done to copy, browser show the popup which show [alertContent] field’s value.
•
PC ( safari / chrome )
•
mobile ( chorme / safari )
2. Use custom popup (커스텀 팝업 사용하기)
서비스의 브랜드 아이덴티티와 UX가 중요하다면, 직접 팝업을 디자인해 사용할 수 있습니다. 에디터에서 팝업 요소를 생성합니다.
If service’s brand identity and UX are important, It is good to customize popup. create popup element in bubble editor
그리고 copy clipboard 액션 이벤트의 설정 창에서 [isActiveAlert]를 해제합니다. 그러면 복사가 완료된 후에 브라우저의 기본 팝업이 출력되지 않습니다.
Deactivate [isActiveAlert] in copy clipobard action event’s settings. then, the browser’s popup is not shown when copying is done
복사 액션 이벤트가 종료된 후, show element 액션 이벤트를 활용해 앞서 생성한 팝업을 출력해 사용하면 됩니다.
After copying action event is done, make the custom popup to be visible by show element action event
중요 공지
“버블박스”가 “노코더스”라는 이름으로 변경됐어요
현재 사이트는 더 이상 운영하지 않으니
노코더스 사이트로 이동해주세요
버블박스가 버블을 주제로 책을 발행할 예정입니다. 출간 알림을 등록하면 추후에 안내 드릴게요!
+ 알림 신청자 중 일부에게 책을 무료로 드릴 예정입니다.
필요한 플러그인이 있다면, 버블박스에게 요청해주세요
햇갈리거나 잘 모르는 이론 및 개념이 있다면 아래에 남겨주세요.
버블 크레딧으로 더 저렴하게 시작하기
버블박스 l BubbleBox
