Fatal编程技术网
  • blazor/
  • Blazor应用程序中的CodeMirror绑定不起作用

Blazor应用程序中的CodeMirror绑定不起作用

blazor

Blazor应用程序中的CodeMirror绑定不起作用,blazor,blazor-server-side,codemirror,Blazor,Blazor Server Side,Codemirror,我正在开发一个使用代码编辑器的Blazor服务器应用程序。对于代码编辑器，我使用CodeMirror。 Blazor页面上的文本区域呈现良好，但数据绑定无法处理相应的C#字段 My_Host.cshtml文件如下所示： @page/“ @命名空间BlazorApp1.Pages @addTagHelper*，Microsoft.AspNetCore.Mvc.TagHelpers @{ 布局=空； } BlazorApp1 函数loadCodeEditor（）{ var codemirrorEd

我正在开发一个使用代码编辑器的Blazor服务器应用程序。对于代码编辑器，我使用CodeMirror。 Blazor页面上的文本区域呈现良好，但数据绑定无法处理相应的C#字段

My_Host.cshtml文件如下所示：

@page/“
@命名空间BlazorApp1.Pages
@addTagHelper*，Microsoft.AspNetCore.Mvc.TagHelpers
@{
布局=空；
}
BlazorApp1
函数loadCodeEditor（）{
var codemirrorEditor=CodeMirror.fromTextArea（document.getElementById（'codearea'）{
行号：对，
styleActiveLine：对，
是的，
模式：“文本/x-csharp”，
主题：“莫诺凯”，
外键：{
“F11”：功能（厘米）{
cm.setOption（“全屏”），！cm.getOption（“全屏”）；
},
“Esc”：功能（cm）{
if（cm.getOption（“全屏”））cm.setOption（“全屏”），false；
}
}
});
codemirrorEditor.setSize（900300）；
}

最后，我能够用CodeMirror编辑器绑定字段。
感谢以下线程：





我必须在调用JavaScript函数时传递DotNet对象引用，然后在JavaScript函数中使用CodeMirror的onchange事件来调用C#方法并传递代码编辑器的值

以下是使用工作代码更新的文件：

_Host.cshtml


@page/“
@命名空间BlazorApp1.Pages
@addTagHelper*，Microsoft.AspNetCore.Mvc.TagHelpers
@{
布局=空；
}
BlazorApp1