Copy text to clipboard with button push

[benruijl]

How can I copy some text to the clipboard with a button push? I tried importing copypasta and using:

  if ui.button("📋").clicked() {
      let mut ctx = ClipboardContext::new().unwrap();
      ctx.set_contents(sometext.to_string()).unwrap();
  }

but this does not work for me (clipboard is not updated). For some reason:

  if ui.button("📋").clicked() {
      let mut ctx = ClipboardContext::new().unwrap();
      ctx.set_contents(sometext.to_string()).unwrap();
      ctx.get_contents().unwrap();
  }

does sort-of work, but egui starts to get buggy when pasting the content into a text field.

I tried searching for a way to get a handle of egui-winit's Clipboard, but I couldn't manage.

[SymmetricChaos]

I believe what you're looking for is

if ui.button("Button").clicked() {
    ui.output().copied_text = String::from(text);
};

[benruijl]

That works perfectly!

[miketwenty1]

any chance you tried this with wasm targets?

[AngelOnFira]

For posterity, just tested this with my WASM target and it works just fine:

// Copy join token button
if ui.button("Copy to clipboard").clicked() {
    ui.output_mut(|o| o.copied_text = "something".to_string());
}

[miketwenty1]

Any idea why this wouldn't work?

egui::Window::new("Copy test".to_string())
    .show(egui_context.ctx_mut(), |ui| {
        ui.with_layout(egui::Layout::bottom_up(egui::Align::Center), |ui| {
                    if ui
                        .add(egui::Button::new("Copy to Clipboard").min_size(button_min_size))
                        .clicked()
                    {
                        info!("we getting here, just not copying anything!");
                        ui.output_mut(|o| o.copied_text = "teststring123456".to_string());
                    };
        });
});

Clipboard will click, but clipboard on computer doesn't populate.

[Its-Just-Nans]

I recently learned that you need the --cfg=web_sys_unstable_apis compile flags

With the export below, it's working !
export RUSTFLAGS=--cfg=web_sys_unstable_apis

Infos:
https://github.com/emilk/eframe_template/blob/main/.cargo/config.toml#L6