csharpfritz / csharpfritz/csharp_with_csharpfritz

Social share buttons for Blazor

Aperta
#110 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.