如何解决如何在 .NET Core / Blazor 上使用 C# 在 HTML 页面上突出显示和格式化 GraphQL 查询?
基本上是标题所说的;我想语法高亮又名着色 GraphQL 查询,就像他们在“GraphiQL Explorer”中所做的那样,并使用 C# 在带有 .NET Core 的 HTML 页面上打印它。我使用 Blazor,所以页面是 .razor。
查看此屏幕截图:
而且我还想自动格式化查询,以便查询不在一行中,而是使用换行符和缩进,就像“GraphiQL 资源管理器”中的“美化”按钮所做的那样。
这是一个示例。
转换这个 => {human(id: "1000") {name height(unit: FOOT)}}
到这个=>
编辑: 这是我创建的 blazorFiddle。 BlazorFiddleSample 基本上像这个转换器那样在组件页面中格式化\缩进graphql查询,freetooldev
解决方法
这可以使用 BlazorMonaco
实现https://github.com/serdarciplak/BlazorMonaco
选项的代码设置应如下所示
private StandaloneEditorConstructionOptions EditorConstructionOptions(MonacoEditor editor)
{
return new StandaloneEditorConstructionOptions
{
AutomaticLayout = true,Language = "graphql",};
}
如果您想尝试,请按照说明进行设置。
您可以在此处获取有关使用 Monaco Editor 的更多信息:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。