如何在 Blazor 页面中嵌入推文？

Question

是否有公认的方法可以在 Blazor 页面中嵌入推文或其他社交媒体 post？ Twitter 嵌入的标签和大多数其他标签在 Visual Studio.

中给出编译器错误

以下是 Twitter 告诉您粘贴到源代码中的内容：

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Is there an accepted method to embed a Tweet or other social media post in a <a href="https://twitter.com/hashtag/Blazor?src=hash&amp;ref_src=twsrc%5Etfw">#Blazor</a> page? The &lt;script&gt; tags in most embeds give a compiler error in Visual Studio.</p>&mdash; BenjaminCharlton (@Benjami63766584) <a href="https://twitter.com/Benjami63766584/status/1296819523304271873?ref_src=twsrc%5Etfw">August 21, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

请问在 Blazor 页面上执行此操作的正确方法是什么？

Answer 1

您可以从此 page 获取脚本并将其放入您的 Index.html

从您拥有的脚本中删除脚本或在那里使用 API 以在没有脚本的情况下生成。

这是一个接受嵌入字符串作为参数的组件：


@using Microsoft.JSInterop

@((MarkupString)RawHtml)

@code {

    [Inject]
    public IJSRuntime JSRuntime { get; set; }

    [Parameter]
    public string RawHtml { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await JSRuntime.InvokeVoidAsync("twttr.widgets.load");
        }
    }

}

如何在 Blazor 页面中嵌入推文？

How do you embed a Tweet in a Blazor page?

c#

twitter

blazor

blazor-webassembly