Xodera Plugins · Bubble Native
Xodera Photo Editor Native
Gjer eit vald foto til ein konsistent avatar, produktbilete eller rapportvedlegg. Beskjær, roter og endre storleik, og lagre deretter den eksporterte kopien i appen din.
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.
Dokumentasjon gjennomgått 6 november 2026
Praktiske døme
Konsistente profilavatarar før opplasting
Brukarar bør velje kva del av fotoet deira skal visast i eit kvadratisk profilbilde i staden for å godta ein vilkårlig beskjæring.
`source_url = selected profile image`; `crop_aspect = "1:1"`; `document_context = the account’s stable reference`.
Vent på `source_loaded`; Begin crop → Apply crop, med Rotate eller Undo etter behov. Ved eksplisitt lagring, Export image.
Berre på `export_completed`, bruk `output_uri`, `output_width`, `output_height` og `output_mime` som inndata i filopplastingsarbeidsflyten din. Lagre den varige referansen til profilen etterpå.
Viss brukaren avbryt eller `editor_error` utløyser, behold den gamle avataren. Tøm økta ved kontobytte slik at ein annan brukar ikkje kan sjå kladden.
Redigering lagar ein lokal kopi. Appen din vel korleis den skal lagrast eller lastast opp.
Førebur konsistente marknadsplass‑ eller katalogfoto
Ulike innramingar og overdimensjonerte bilete gjer ein katalog ujevn og aukar opplastingsstorleiken.
`source_url = selected item photo`; `crop_aspect = the app’s chosen ratio`; `export_max_dimension`, `export_format` og `export_quality` kjem frå opplastingsretningslinja di.
Beskjær det relevante området, eventuelt Resize, og deretter Export image etter at brukaren har stadfesta. Behald den originale fila/referansen separat.
Kontroller `output_width`, `output_height`, `output_bytes` og `output_mime` før opplastingsarbeidsflyten din lagrar resultatet. Lagre den resulterande bildereferansen på elementet.
Viss eksport feilar eller resultatet bryt opplastingsretningslinja di, vis `error_code` og la brukaren revidere den. Ikkje overskriv det tidlegare elementbiletet før opplastingsstadfesting.
Redigering lagar ein lokal kopi. Appen din vel korleis den skal lagrast eller lastast opp.
Lag ein fokusert bildekopi for ein feltrapport
Ein teknikar kan trenge eit nærbilde av ein skada del samtidig som han bevarer det originale rapportbiletet.
`source_url = Current Report Photo’s source`; `document_context = the report/account reference`; beskjæringsforholdet kan forbli uavgrensa.
Begin crop → Apply crop, og bruk deretter Undo/Redo for å samanlikne redigeringar. Export image lagar den redigerte kopien; appen din spør om den skal festast til rapporten.
Bruk `has_changes`, `can_undo`, `can_redo` og `output_uri`. Lagre originale og redigerte referansar i separate appfelt etter ein vellukka opplasting.
Cancel crop eller Reset edits gjenoppretter redigeringsstien; avbryting må la den opprinnelege Report‑vedlegget vere uendra.
Redigering lagar ein lokal kopi. Appen din vel korleis den skal lagrast eller lastast opp.
Kva som fungerer no
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.
Bygg arbeidsflyten
Bruk dei tilgjengelege beta‑handlingane nedanfor og test resultatet på einingane du skal bruke.
Desse døma bruker app‑registreringar som Lesson, Message og Order. Byt dei ut med eigne datatypar og elementnamn. Eksempel‑medieadresser må erstattast med eigne filer.
Set source_url til det valde biletet. Bruk document_context for å identifisere kontoen og posten som blir redigert, slik at endring av posten fjernar det tidlegare fotoet.
Etter source_loaded, køyr Begin crop. Vel 1:1 for ein avatar, juster beskjæringa og bruk Apply crop. Cancel crop lar biletet vere uendra.
Bruk Rotate, Flip eller Resize om nødvendig. Undo og Redo går gjennom fullførte redigeringar; Reset edits gjenoppretter originalbiletet.
Køyr Export image. På export_completed, les output_uri, output_width, output_height og output_mime. Lagre eller last opp den kopien med den valde fillagringsarbeidsflyten, og deretter lagre den lagra fila i oppføringa.
Konfigurer ein gong
Nøkkelaktivering er planlagt for dette programtillegget. Opprett eller vel ditt Bubble‑appprosjekt i BestPlugins → Dashboard → Plugins. Vel Xodera Photo Editor Native, kopier nøkkelen, og opne deretter Bubble → Plugins → Xodera Photo Editor Native og lim den inn i licensing_api_key. Lagre ein gong; bruk så handlingane nedanfor. Kvart programtillegg i kvart prosjekt har sin eigen nøkkel.
Vel eller ta bilete med appen din først. Gi redigeraren den resulterande lesbare bileteadressa. Kamera- og fotobibliotekstillatelser tilhøyrer den veljaren du bruker.
Konfigurer ein gong
- Opprett eller vel ditt Bubble‑app‑prosjekt på BestPlugins → Dashboard → Plugins.
- Vel denne plugin‑en og kopier prosjektnøkkelen.
- Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
- Legg til elementet, vel app‑dataa dine og bygg arbeidsflyten nedanfor.
- 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.
Installasjon og abonnement
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.
Lagre resultatet i appen din
Lagre det opplasta eller permanent lagra biletet i Profile.image eller vedleggsfeltet ditt. output_uri er ei mellombels fil på eininga, så lagre først den fila med den valde arbeidsflyten. Deretter lagrar du output_width, output_height og output_mime som metadata. Behald originalbiletet om du treng begge versjonane.
Feil, avbryt og gjenoppretting
På source_load_failed eller editor_error, vis error_code og tilby Load source. Cancel operation slutter å godta det uferdige resultatet; vent til is_busy=no før du startar ein ny redigering. Clear session tømmer redigeraren, ikkje eit bilete som allereie er lagra andre stader.
Evner og grenser
JPEG og PNG eksport; kvalitet 0–1; maksimalt utgangsside 1–4096 pikslar. Inndata: opptil 15 MiB og 20 megapikslar. Opptil 20 fullførte redigeringar. Beskjæringsval: fri, 1:1, 4:3, 3:4 og 16:9. Ingen innebygd kamera, filter, tekstoverlegg, perspektivkorreksjon, WebP‑eksport eller automatisk opplasting.
Innstillingar, handlingar og resultat
Bruk desse namna i Bubble. Planlagde funksjonar er merkte separat.
Tilgjengelege beta‑innstillingar
Elementinnstillingar
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 · textTilstandar
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 · textHendingar
source_loadedsource_load_failededit_appliededit_undoneedit_redoneeditor_resetexport_startedexport_completedoperation_cancellededitor_errorHandlingar og deira innspel
Load sourceBegin cropApply cropCancel cropRotateFlipResizeUndoRedoReset editsExport imageCancel operationClear sessionElementinnstillingar · 12
source_urltext · Standard: ""- Dømeverdi
https://bestplugins.online/native-samples/avatar.jpg - Døme Bubble uttrykk
Selected Profile's image_url - Adresse til den valde lyd‑, video‑ eller bildefila. Bruk ein filtype som dette programtillegget støttar.
document_contexttext · Standard: ""- Dømeverdi
<current-user-id> - Døme Bubble uttrykk
Current User's unique id - Stabil verdi for denne kontoen eller posten. Bruk same verdi når du gjenoppretter lagra filer eller utkast.
is_activeyes_no · Standard: true- Dømeverdi
yes - Døme Bubble uttrykk
GuideHost's view_is_active (your yes/no custom state) - Set ja medan denne visinga er open. Set nei ved avslutting, slik at avspeling eller pågåande arbeid kan stoppe.
disabledyes_no · Standard: false- Dømeverdi
no - Døme Bubble uttrykk
GuideHost's is_busy (your yes/no custom state) - Deaktiver elementet medan appen din er opptatt eller handlinga er utilgjengeleg.
show_controlsyes_no · Standard: true- Dømeverdi
yes - Døme Bubble uttrykk
App Settings' show_editor_controls - Vis eller skjul dei innebygde kontrollane.
crop_aspecttext · Standard: "free"- Dømeverdi
1:1 - Døme Bubble uttrykk
Avatar Settings' crop_ratio - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
export_formattext · Standard: "jpeg"- Dømeverdi
jpeg - Døme Bubble uttrykk
Format Dropdown's value - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
export_qualitynumber · Standard: 0.85- Dømeverdi
0.85 - Døme Bubble uttrykk
Image Settings' quality - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
export_max_dimensionnumber · Standard: 2048- Dømeverdi
2048 - Døme Bubble uttrykk
Image Settings' max_side - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
allow_upscaleyes_no · Standard: false- Dømeverdi
no - Døme Bubble uttrykk
Allow upscale Checkbox is checked - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
ui_text_jsontext · Standard: ""- Dømeverdi
{} - Døme Bubble uttrykk
App Settings' player_labels_json (supported keys only) - Valfri JSON med støtta knappetekstar. La stå tomt for å bruke den innebygde teksten.
languagetext · Standard: "auto"- Dømeverdi
uk - Døme Bubble uttrykk
Current User's preferred_language - Set language=auto til å følgje ein støtta eining eller nettlesarspråk. Skriv inn ein støtta språkkode for å velje den eksplisitt.
Handlingar og deira innspel · 13
Load source
Ingen handlingsparametrar
Begin crop
Ingen handlingsparametrar
Apply crop
origin_xnumber · Standard: —- Dømeverdi
0 - Døme Bubble uttrykk
Crop Settings' x (or omit all rectangle inputs) - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
origin_ynumber · Standard: —- Dømeverdi
0 - Døme Bubble uttrykk
Crop Settings' y (or omit all rectangle inputs) - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
widthnumber · Standard: —- Dømeverdi
512 - Døme Bubble uttrykk
Resize Width Input's value:converted to number - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
heightnumber · Standard: —- Dømeverdi
512 - Døme Bubble uttrykk
Resize Height Input's value:converted to number - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Cancel crop
Ingen handlingsparametrar
Rotate
degreesnumber · Standard: —- Dømeverdi
90 - Døme Bubble uttrykk
Rotation Dropdown's value - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Flip
axistext · Standard: —- Dømeverdi
horizontal - Døme Bubble uttrykk
Flip Direction Dropdown's value - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Resize
widthnumber · Standard: —- Dømeverdi
512 - Døme Bubble uttrykk
Resize Width Input's value:converted to number - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
heightnumber · Standard: —- Dømeverdi
512 - Døme Bubble uttrykk
Resize Height Input's value:converted to number - Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Undo
Ingen handlingsparametrar
Redo
Ingen handlingsparametrar
Reset edits
Ingen handlingsparametrar
Export image
Ingen handlingsparametrar
Cancel operation
Ingen handlingsparametrar
Clear session
Ingen handlingsparametrar
Tilstandar og hendingar
Tilstandar
editor_status · textNoverande resultat av denne handlinga. Bruk den tilsvarande fullføringshendinga før du lagrar suksess.
is_busy · yes_noArbeidet pågår framleis. Vent før du startar ein annan handling.
has_image · yes_noNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
has_changes · yes_noNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
can_undo · yes_noNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
can_redo · yes_noNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
image_width · numberNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
image_height · numberNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
output_uri · textFilplassering på denne eininga. Lagre eller last opp fila separat dersom den må haldast på nettet.
output_width · numberNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
output_height · numberNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
output_bytes · numberNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
output_mime · textNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
error_code · textFeilinformasjon for den siste handlinga. Vis ein hjelpsam melding og tilby den relevante omstarten.
crop_active · yes_noNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
crop_rect_json · textNoverande verdi for det valde elementet. Les den etter den tilknytte hendinga.
Hendingar
source_loadedNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
source_load_failedNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
edit_appliedNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
edit_undoneNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
edit_redoneNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
editor_resetNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
export_startedNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
export_completedNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
operation_cancelledNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
editor_errorNår denne hendinga skjer, les dei tilknytte tilstandane frå same element.
Spørsmål utviklarar stiller
Er output_uri ein Bubble‑fil?
Nei. Det er ein lokal mellomlagringssti. Hald den ved gjennom ein påvist lokal lagrar eller opplastar før du lagrar ein sky‑filreferanse.
Korleis fungerer abonnementet?
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.
Relaterte vegvisar
For hjelp, fortel oss kva plugin og eining du bruker, handlinga du prøvde og kva som skjedde. Bruk eit døme utan personopplysningar. Del aldri nøkkelen din eller private filer.