csharpfritz / csharpfritz/csharp_with_csharpfritz
Social share buttons for Blazor
- Lingua principale
- C#
- Stelle
- 664
- Fork
- 209
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
Hi Jeff, thank you for your lessons and your answers!
**How to add social share buttons to Blazor**?
So far I've managed to get an active page address and sharing links.
Links are taken from: https://github.com/bradvin/social-share-urls
But I could only get `index.html` `title` and meta `description` tag contents by using JavaScript.
This is my separate Blazor component, Social.razor:
```
@inject NavigationManager UriManager
@inject IJSRuntime jsRuntime
LinkedIn
Facebook
Twitter
Pinterest
Skype
Line
QZone
Weibo
Reddit
LiveJournal
VK
OK
Telegram
@code {
public string Description = "";
public string Title = "";
protected override async Task OnInitializedAsync()
{
Title = await jsRuntime.InvokeAsync("getTitle");
Description = await jsRuntime.InvokeAsync("getDescription");
}
}
```
JavaScript to get an active page title, inserted into index.html
`window.getTitle = () => { return document.title; };`
JavaScript to get meta description contents, inserted into index.html:
window.getDescription = () => {
var metas = document.getElementsByTagName('meta');
for(var i in metas) {
if (typeof(metas[i].name) != 'undefined' && metas[i].name.toLowerCase() == "description") {
return encodeURIComponent(metas[i].content);
}
}
return '';
}
My question, _**how to get t:**_
- `PageTitle` from the active page
- description from `` inside `HeadContent`
- primary image url for the active page and image dimensions?
It looks like that it is possible without JavaScript
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Inizia esaminando il componente Social.razor, gli script di index.html e i metadati HeadContent menzionati nell’issue. Determina l’approccio previsto per ottenere il titolo della pagina attiva, la descrizione, l’URL dell’immagine principale e le dimensioni, quindi verifica che i link per la condivisione sui social ricevano i valori corretti senza gli helper JavaScript attuali.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- csharp, javascript
- Ambito
- frontend, web-dev
- Tipo di issue
- Funzionalità
- Difficoltà
- 5/5
- Tempo stimato
- Più di una settimana
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 20/100