Blazor- Razor.Clipboard
[删除(380066935@qq.com或微信通知)]
CurrieTechnologies.Razor.Clipboard
Basaingeal/Razor.Clipboard: A Blazor component library for interacting with the browser clipboard. (github.com)
This package is for Blazor Server Apps and Blazor WebAssembly Apps. It should be used instead of CurrieTechnologies.Blazor.Clipboard which is now deprecated.
Usage
In your Blazor app, add the
CurrieTechnologies.Razor.Clipboard
NuGet packageInstall-Package CurrieTechnologies.Razor.Clipboard
In your Blazor app's
Startup.cs
, register the 'ClipboardService'.public void ConfigureServices(IServiceCollection services) { ... services.AddClipboard(); ... }
Add this script tag in your root html file (Likely _Host.cshtml for Blazor Server Apps or index.html for Blazor WebAssembly Apps), right under the framework script tag. (i.e
<script src="_framework/blazor.server.js"></script>
for Blazor Server Apps or<script src="_framework/blazor.webassembly.js"></script>
for Blazor WebAssembly Apps)<script src="_content/CurrieTechnologies.Razor.Clipboard/clipboard.min.js"></script>
Now you can inject the ClipboardService into any Blazor page and use it like this:
@using CurrieTechnologies.Razor.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; }