CurrieTechnologies.Razor.Clipboard 0.2.0

CurrieTechnologies.Razor.Clipboard

This package provides Blazor applications with access to the browser's Clipboard API

This package is for Server-side and Client-side Blazor. CurrieTechnologies.Blazor.Clipboard is now deprecated.

Usage

1. In your Blazor app, add the CurrieTechnologies.Razor.Clipboard NuGet package

   Install-Package CurrieTechnologies.Razor.Clipboard
   

2. In your Blazor app's Startup.cs, register the 'ClipboardService'.

   public void ConfigureServices(IServiceCollection services)
   {
       ...
       services.AddClipboard();
       ...
   }
   

3. Add this script tag in your root html file (Likely _Host.cshtml for Server-side Blazor or index.html for Client-side Blazor), right under the framework script tag. (i.e <script src="_framework/blazor.server.js"></script> for Server-side Blazor or <script src="_framework/blazor.webassembly.js"></script> for Client-side Blazor)

   <script src="_content/CurrieTechnologies.Razor.Clipboard/clipboard.js"></script>
   

4. Now you can inject the ClipboardService into any Blazor page and use it like this:

   @using CurrieTechnologies.Blazor.Clipboard
   @inject ClipboardService clipboard
   
   <input @bind="textValue" />
   <button @onclick="(async e => await clipboard.WriteTextAsync(textValue))">Copy To Clipboard</button>
   <button @onclick="(async e => textValue = await clipboard.ReadTextAsync())">Paste From Clipboard</button>
   
   @code
   {
       string textValue = string.Empty;
   }