Xodera Plugins · Bubble Native
Xodera Photo Editor Native
Pretvorite izabranu fotografiju u dosledni avatar, sliku proizvoda ili prilog izveštaju. Isecite, rotirajte i promenite veličinu, zatim sačuvajte izvezeni primerak u aplikaciji.
Public beta guides · Haptics instructions are in its Bubble listing
Public beta offer: free Bubble install · 7-day card trial, then US$1.50/month per plugin/project.
Dokumentacija pregledana 6 novembar 2026
Praktični primeri
Dosledni avatari profila pre otpremanja
Korisnici bi trebalo da izaberu koji deo njihove fotografije će se pojaviti u kvadratnoj slici profila, umesto da prihvate proizvoljno isečak.
`source_url = selected profile image`; `crop_aspect = "1:1"`; `document_context = the account’s stable reference`.
Sačekajte `source_loaded`; Begin crop → Apply crop, uz Rotate ili Undo po potrebi. Pri eksplicitnom čuvanju, Export image.
Samo na `export_completed`, koristite `output_uri`, `output_width`, `output_height` i `output_mime` kao ulaze u vaš radni tok otpremanja fajla. Nakon toga sačuvajte njegovu trajnu referencu u Profilu.
Ako korisnik otkaže ili se aktivira `editor_error`, zadržite stari avatar. Očistite sesiju pri promeni naloga kako drugi korisnik ne bi mogao da vidi skicu.
Uređivanje kreira lokalnu kopiju. Vaša aplikacija odlučuje kako će je sačuvati ili otpremiti.
Pripremite dosledne fotografije za tržište ili katalog
Različito kadriranje i prevelike slike čine katalog neujednačenim i povećavaju veličinu otpremanja.
`source_url = selected item photo`; `crop_aspect = the app’s chosen ratio`; `export_max_dimension`, `export_format` i `export_quality` dolaze iz vaše politike otpremanja.
Isecite relevantno područje, po želji Resize, zatim Export image nakon što korisnik potvrdi. Originalni fajl/referencu čuvajte odvojeno.
Proverite `output_width`, `output_height`, `output_bytes` i `output_mime` pre nego što vaš radni tok otpremanja sačuva rezultat. Sačuvajte referencu dobijene slike na stavci.
Ako izvoz ne uspe ili rezultat krši vašu politiku otpremanja, prikažite `error_code` i dozvolite korisniku da ga revidira. Nemojte prepisati prethodnu sliku stavke pre potvrde otpremanja.
Uređivanje kreira lokalnu kopiju. Vaša aplikacija odlučuje kako će je sačuvati ili otpremiti.
Napravite fokusiranu kopiju slike za terenski izveštaj
Tehničar može zahtevati detaljan prikaz jednog oštećenog dela uz očuvanje originalne slike izveštaja.
`source_url = Current Report Photo’s source`; `document_context = the report/account reference`; odnos isečka može ostati neograničen.
Begin crop → Apply crop, zatim koristite Undo/Redo za poređenje izmena. Export image kreira izmenjenu kopiju; vaša aplikacija pita da li da se ta kopija prikači uz Izveštaj.
Koristite `has_changes`, `can_undo`, `can_redo` i `output_uri`. Sačuvajte originalne i izmenjene reference u odvojenim poljima aplikacije nakon uspešnog otpremanja.
Cancel crop ili Reset edits vraća put uređivanja; otkazivanje mora ostaviti originalni prilog izveštaja neizmenjenim.
Uređivanje kreira lokalnu kopiju. Vaša aplikacija odlučuje kako će je sačuvati ili otpremiti.
Šta trenutno funkcioniše
Public beta. Use the documented controls and actions; test supported formats, permissions and device behavior in your own native app. Browser preview does not validate native device output.
Izgradite radni tok
Koristite dostupne beta akcije ispod i testirajte rezultat na svojim ciljanim uređajima.
Ovi primeri koriste zapise aplikacije kao što su Lesson, Message i Order. Zamenite ih svojim tipovima podataka i imenima elemenata. Primer adresa medija mora biti zamenjen vašim fajlovima.
Postavite source_url na izabranu sliku. Koristite document_context da identifikujete nalog i zapis koji se uređuje, tako da promena zapisa očisti prethodnu fotografiju.
Nakon source_loaded, pokrenite Begin crop. Izaberite 1:1 za avatar, podesite isecanje i koristite Apply crop. Cancel crop ostavlja sliku nepromenjenom.
Koristite Rotate, Flip ili Resize po potrebi. Undo i Redo pomeraju se kroz završena uređivanja; Reset edits vraća originalnu sliku.
Pokrenite Export image. Na export_completed pročitajte output_uri, output_width, output_height i output_mime. Sačuvajte ili otpremite tu kopiju koristeći izabrani radni tok za čuvanje fajla, zatim sačuvani fajl smestite u zapis.
Konfigurišite jednom
Planirana je aktivacija ključa za ovaj dodatak. Kreirajte ili izaberite vaš Bubble aplikacioni projekat u BestPlugins → Dashboard → Plugins. Izaberite Xodera Photo Editor Native, kopirajte njegov ključ, zatim otvorite Bubble → Plugins → Xodera Photo Editor Native i nalepite ga u licensing_api_key. Sačuvajte jednom; zatim koristite akcije ispod. Svaki dodatak u svakom projektu ima svoj ključ.
Prvo izaberite ili snimite sliku u vašoj aplikaciji. Dajte uređivaču rezultatnu čitljivu adresu slike. Dozvole za kameru i foto‑biblioteku pripadaju alatu za biranje koji koristite.
Konfigurišite jednom
- Kreirajte ili izaberite vaš Bubble projekat aplikacije na BestPlugins → Dashboard → Plugins.
- Izaberite ovaj dodatak i kopirajte njegov ključ projekta.
- Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
- Dodajte element, izaberite vaše podatke aplikacije i izgradite tok rada ispod.
- In the dashboard, review and confirm the 7-day card trial for this plugin. It then costs US$1.50/month per app project, including development and production. Cancel before the trial ends to avoid the first charge.
Instalacija i pretplata
For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.
Sačuvajte rezultat u vašoj aplikaciji
Sačuvajte otpremljenu ili trajno sačuvanu sliku u Profile.image ili vaše polje za prilog. output_uri je privremeni fajl na uređaju, pa prvo sačuvajte taj fajl prema izabranom radnom toku. Zatim sačuvajte output_width, output_height i output_mime kao metapodatke. Zadržite originalnu sliku ako su vam potrebne obe verzije.
Neuspeh, otkazivanje i oporavak
Na source_load_failed ili editor_error, prikažite error_code i ponudite Load source. Cancel operation prestaje da prihvata nedovršen rezultat; sačekajte do is_busy=no pre nego što započnete drugo uređivanje. Clear session čisti uređivač, a ne sliku koja je već sačuvana negde drugde.
Mogućnosti i ograničenja
JPEG i PNG izvoz; kvalitet 0–1; maksimalna izlazna strana 1–4096 piksela. Ulaz: do 15 MiB i 20 megapiksela. Do 20 završenih uređivanja. Opcije isecanja: slobodno, 1:1, 4:3, 3:4 i 16:9. Nema ugrađene kamere, filtera, tekstualnih preklapanja, korekcije perspektive, WebP izvoz ili automatsko otpremanje.
Podešavanja, akcije i rezultati
Koristite ova imena u Bubble. Planirane funkcije su označene odvojeno.
Dostupna beta podešavanja
Podešavanja elementa
source_url · textdocument_context · textis_active · yes_nodisabled · yes_noshow_controls · yes_nocrop_aspect · textexport_format · textexport_quality · numberexport_max_dimension · numberallow_upscale · yes_noui_text_json · textlanguage · textStanja
editor_status · textis_busy · yes_nohas_image · yes_nohas_changes · yes_nocan_undo · yes_nocan_redo · yes_noimage_width · numberimage_height · numberoutput_uri · textoutput_width · numberoutput_height · numberoutput_bytes · numberoutput_mime · texterror_code · textcrop_active · yes_nocrop_rect_json · textDogađaji
source_loadedsource_load_failededit_appliededit_undoneedit_redoneeditor_resetexport_startedexport_completedoperation_cancellededitor_errorAkcije i njihovi ulazi
Load sourceBegin cropApply cropCancel cropRotateFlipResizeUndoRedoReset editsExport imageCancel operationClear sessionPodešavanja elementa · 12
source_urltext · Podrazumevano: ""- Primer vrednosti
https://bestplugins.online/native-samples/avatar.jpg - Primer Bubble izraza
Selected Profile's image_url - Адреса изабране аудио, видео или слике датотеке. Користите тип датотеке који овај прикључак подржава.
document_contexttext · Podrazumevano: ""- Primer vrednosti
<current-user-id> - Primer Bubble izraza
Current User's unique id - Stabilna vrednost za ovaj nalog ili zapis. Koristite istu vrednost prilikom vraćanja njegovih sačuvanih fajlova ili skica.
is_activeyes_no · Podrazumevano: true- Primer vrednosti
yes - Primer Bubble izraza
GuideHost's view_is_active (your yes/no custom state) - Поставите „да“ док је овај преглед отворен. Поставите „не“ приликом напуштања, како би репродукција или тренутни рад могли да се зауставе.
disabledyes_no · Podrazumevano: false- Primer vrednosti
no - Primer Bubble izraza
GuideHost's is_busy (your yes/no custom state) - Онемогућите елемент док је ваша апликација заузета или док је ова радња недоступна.
show_controlsyes_no · Podrazumevano: true- Primer vrednosti
yes - Primer Bubble izraza
App Settings' show_editor_controls - Prikažite ili sakrijte ugrađene kontrole.
crop_aspecttext · Podrazumevano: "free"- Primer vrednosti
1:1 - Primer Bubble izraza
Avatar Settings' crop_ratio - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
export_formattext · Podrazumevano: "jpeg"- Primer vrednosti
jpeg - Primer Bubble izraza
Format Dropdown's value - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
export_qualitynumber · Podrazumevano: 0.85- Primer vrednosti
0.85 - Primer Bubble izraza
Image Settings' quality - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
export_max_dimensionnumber · Podrazumevano: 2048- Primer vrednosti
2048 - Primer Bubble izraza
Image Settings' max_side - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
allow_upscaleyes_no · Podrazumevano: false- Primer vrednosti
no - Primer Bubble izraza
Allow upscale Checkbox is checked - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
ui_text_jsontext · Podrazumevano: ""- Primer vrednosti
{} - Primer Bubble izraza
App Settings' player_labels_json (supported keys only) - Опционални JSON са подржаним ознакама дугмади. Оставите празно да се користи уграђени текст.
languagetext · Podrazumevano: "auto"- Primer vrednosti
uk - Primer Bubble izraza
Current User's preferred_language - Поставите language=auto да прати подржани уређај или језик прегледача. Унесите подржани код језика да бисте га изричито изабрали.
Akcije i njihovi ulazi · 13
Load source
Nema parametara akcije
Begin crop
Nema parametara akcije
Apply crop
origin_xnumber · Podrazumevano: —- Primer vrednosti
0 - Primer Bubble izraza
Crop Settings' x (or omit all rectangle inputs) - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
origin_ynumber · Podrazumevano: —- Primer vrednosti
0 - Primer Bubble izraza
Crop Settings' y (or omit all rectangle inputs) - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
widthnumber · Podrazumevano: —- Primer vrednosti
512 - Primer Bubble izraza
Resize Width Input's value:converted to number - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
heightnumber · Podrazumevano: —- Primer vrednosti
512 - Primer Bubble izraza
Resize Height Input's value:converted to number - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
Cancel crop
Nema parametara akcije
Rotate
degreesnumber · Podrazumevano: —- Primer vrednosti
90 - Primer Bubble izraza
Rotation Dropdown's value - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
Flip
axistext · Podrazumevano: —- Primer vrednosti
horizontal - Primer Bubble izraza
Flip Direction Dropdown's value - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
Resize
widthnumber · Podrazumevano: —- Primer vrednosti
512 - Primer Bubble izraza
Resize Width Input's value:converted to number - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
heightnumber · Podrazumevano: —- Primer vrednosti
512 - Primer Bubble izraza
Resize Height Input's value:converted to number - Користите вредност тренутног пословног записа; проверите је у односу на доње границе.
Undo
Nema parametara akcije
Redo
Nema parametara akcije
Reset edits
Nema parametara akcije
Export image
Nema parametara akcije
Cancel operation
Nema parametara akcije
Clear session
Nema parametara akcije
Stanja i događaji
Stanja
editor_status · textТекући резултат ове радње. Користите одговарајући догађај завршетка пре чувања успеха.
is_busy · yes_noRad je još u toku. Sačekajte pre nego što započnete drugu radnju.
has_image · yes_noТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
has_changes · yes_noТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
can_undo · yes_noТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
can_redo · yes_noТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
image_width · numberТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
image_height · numberТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
output_uri · textLokacija fajla na ovom uređaju. Sačuvajte ili otpremite fajl odvojeno ako mora da ostane online.
output_width · numberТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
output_height · numberТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
output_bytes · numberТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
output_mime · textТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
error_code · textИнформације о грешци за последњу радњу. Прикажите корисну поруку и понудите релевантно поновно покушавање.
crop_active · yes_noТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
crop_rect_json · textТекућа вредност за изабрану ставку. Прочитајте је након повезаног догађаја.
Događaji
source_loadedKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
source_load_failedKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
edit_appliedKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
edit_undoneKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
edit_redoneKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
editor_resetKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
export_startedKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
export_completedKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
operation_cancelledKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
editor_errorKada se ovaj događaj desi, pročitajte povezane stanje iz istog elementa.
Pitanja koja programeri postavljaju
Da li je output_uri Bubble fajl?
Ne. To je lokalna putanja keša. Sačuvajte je putem proverenog lokalnog čuvara ili otpremnika pre nego što sačuvate referencu na cloud fajl.
Kako funkcioniše pretplata?
For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.
Povezani vodiči
Za pomoć, recite nam koji dodatak i uređaj koristite, akciju koju ste pokušali i šta se desilo. Koristite primer bez ličnih podataka. Nikada ne delite vaš ključ ili privatne fajlove.