C# 在Razor页面上显示自适应卡的语法

C# 在Razor页面上显示自适应卡的语法,c#,asp.net-mvc,razor,adaptive-cards,C#,Asp.net Mvc,Razor,Adaptive Cards,Razor/适配卡新手在这里。我可以使用adaptive Cards sdk在C#中创建自适应卡。但是文档没有显示如何在razor页面中显示该卡 我的代码: C#页面模型 public PageResult OnGet() { AdaptiveCardRenderer renderer = new AdaptiveCardRenderer(); AdaptiveCard card = new AdaptiveCard(rende

Razor/适配卡新手在这里。我可以使用adaptive Cards sdk在C#中创建自适应卡。但是文档没有显示如何在razor页面中显示该卡

我的代码: C#页面模型

 public PageResult OnGet()
        {
            AdaptiveCardRenderer renderer = new AdaptiveCardRenderer();

            AdaptiveCard card = new AdaptiveCard(renderer.SupportedSchemaVersion);
            card.Body.Add(new AdaptiveTextBlock { Text = "Hello World" });
            AdaptiveTextInput adaptiveTextInput = new AdaptiveTextInput {IsMultiline = true};
            card.Body.Add(adaptiveTextInput);
            AdaptiveActionSet adaptiveActionSet = new AdaptiveActionSet();
            adaptiveActionSet.Actions.Add(new AdaptiveOpenUrlAction()
            {
                Id = "buttonId",
                Title = "Button"
            });
            card.Body.Add(adaptiveActionSet);
            RenderedAdaptiveCard renderedCard = renderer.RenderCard(card);
            ViewData.Add("cardJson",renderedCard.Html);

            return Page();
        }
剃刀页面

@page
@model ScoutAdaptiveCardRenderer.Pages.Card.CardRenderModel
@addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
@{
    ViewData["Title"] = "CardRender";
}


<!DOCTYPE html>

<html>
<head>
    <title></title>
</head>
<body>
@ViewData["cardJson"]
</body>
</html>
@page
@模型ScoutAdaptiveCardRenderer.Pages.Card.CardRenderModel
@addTagHelper*,Microsoft.AspNetCore.Mvc.TagHelpers
@{
ViewData[“Title”]=“CardRender”;
}
@ViewData[“cardJson”]
razor页面仅以字符串形式显示格式化为html的卡数据。我在文档中没有看到任何关于如何在razor页面上实际呈现卡的内容。有人能帮你翻译正确的语法吗?

这很有效:

    string cardJson = "{\r\n    \"type\": \"AdaptiveCard\",\r\n    \"body\": [\r\n        {\r\n            \"type\": \"Image\",\r\n            \"altText\": \"\",\r\n            \"url\": \"https://placekitten.com/408/287\",\r\n            \"id\": \"idKittenPicture\"\r\n        },\r\n        {\r\n            \"type\": \"TextBlock\",\r\n            \"text\": \"Nice kitty\",\r\n            \"id\": \"idKittyText\"\r\n        },\r\n        {\r\n            \"type\": \"Input.Text\",\r\n            \"placeholder\": \"type something here\",\r\n            \"id\": \"idInput\",\r\n            \"isMultiline\": true\r\n        },\r\n        {\r\n            \"type\": \"ActionSet\",\r\n            \"actions\": [\r\n                {\r\n                    \"type\": \"Action.OpenUrl\",\r\n                    \"title\": \"Rosie\'s Page Button\",\r\n                    \"id\": \"idRosiePage\",\r\n                    \"url\": \"https://jwt.io/\"\r\n                }\r\n            ]\r\n        }\r\n    ],\r\n    \"$schema\": \"http://adaptivecards.io/schemas/adaptive-card.json\",\r\n    \"version\": \"1.0\"\r\n}";
    AdaptiveCardRenderer renderer = new AdaptiveCardRenderer();

    AdaptiveCard card = AdaptiveCard.FromJson(cardJson).Card;

    var adaptiveSubmitAction = new AdaptiveSubmitAction();
    adaptiveSubmitAction.Title = "Data";
    adaptiveSubmitAction.Data = "{\"id\":123456789,\"name\":\"Abner Wallace\"}";
    card.Actions.Add(adaptiveSubmitAction);
    RenderedAdaptiveCard renderedCard = renderer.RenderCard(card);

    HtmlString htmlString = new HtmlString(renderedCard.Html.ToString());
}
@htmlString