monaco-editor 相关问题

我的调用组件，导出 const CallingComponent = () => { const [getApiData, setApiData] = //来自api的初始数据绑定返回（我的调用组件， export const CallingComponent = () => { const [getApiData, setApiData] = //initial data binding from api return ( <CustomComponent defaultValue={getApiData()} onChange={(value: { toString: () => any }) => setApiData(value.toString()) } /> ); 组件尝试在单击“更新”按钮时将状态字符串传递给调用组件，但它没有将编辑器内容传递到调用代码中的 setApiData 状态， interface CustomComponentProp { onChange?: (value: string) => void; defaultValue?: string; } export const CustomComponent = ({defaultValue,onChange}: CustomComponentProp) => { const [value, setValue] = useState(""); const editorRef = useRef([] as any); const [data, setData] = useState(defaultValue); const [initialDefault, setInitialDefault] = useState(defaultValue); if (initialDefault != defaultValue) { setInitialDefault(defaultValue); setData(defaultValue); } const handleEditorDidMount = (editor: any) => { editorRef.current = editor; editor.focus(); }; function handleRemove() { setData(""); setValue(""); } const handleUpdate = () => { if (editorRef.current) { const content = editorRef.current.getValue(); setData(content); } }; return ( <Settings> <SettingsSection> <Editor theme="vs-light" language="scss" value={data} onMount={handleEditorDidMount} onChange={(value) => setValue(value as string)} /> <Button variant="outline" onPress={handleUpdate}> Update </Button> <Button variant="outline" onPress={handleRemove}> Remove </Button> </SettingsSection> </Settings> ); }; 单击 setApiData 按钮时我希望更新 Update 状态。您可以使用onclick <Button variant="outline" onclick={handleUpdate}> Update </Button> 文档： https://www.w3schools.com/jsref/event_onclick.asp

reactjs monaco-editor

回答 1 投票 0

使用 RPC 为多个客户端创建 LSP（语言服务器协议）

我正在尝试创建自定义 LSP。我的目标是为 monaco 编辑器（在网络上）和 vscode 扩展创建一个语言服务器。目前我使用 Node/IPC 将 vscode-extension 与 ...

visual-studio-code monaco-editor language-server-protocol

回答 1 投票 0

React 的 Monaco 编辑器无法识别 getValue 函数

知道为什么 getValue() 不被识别吗？ const [值，setValue] = useState(""); const editorRef = useRef(null); 函数句柄更新() { if (editorRef.current) { 常量续...

reactjs monaco-editor

回答 1 投票 0

摩纳哥编辑工

所以我目前正在尝试使用此软件包设置 Monaco 编辑器：https://github.com/egoist/vue-monaco 除了一条错误消息之外，它工作得很好：无法创建 Web Worker。跌倒...

webpack laravel-mix monaco-editor

回答 2 投票 0

摩纳哥编辑器控制台错误：EditorSimpleWorker.loadForeignModule 出现意外用法

在 Electron 应用程序中使用 Monaco 编辑器时，我收到意外的使用错误控制台错误。相同的代码可以在网站模式下运行，但不能在捆绑的 Electorn 应用程序中运行。正如评论中提到的，我...

monaco-editor visual-studio-monaco

回答 1 投票 0

为什么在monaco-editor中无法获取光标位置？

我阅读了API文档我想获取光标位置（行、列），例如：但是好像没有这个功能的API，有什么办法实现吗？演示代码在这里在问问题之前...

reactjs typescript monaco-editor react-monaco-editor

回答 1 投票 0

monaco-editor 是否无法获取光标位置？

感谢您的时间：我阅读了API文档我想获取光标位置（行、列），例如：但是好像没有这个功能的API，有什么办法实现吗？演示代码 h...

reactjs typescript monaco-editor react-monaco-editor

回答 1 投票 0

摩纳哥编辑器 - 可以检查重做堆栈吗？

我目前没有任何代码可以分享，因为我无法在 SO 或文档中找到专门解决此问题的任何内容。我的应用程序中有一些自定义按钮...

typescript monaco-editor

回答 1 投票 0

Angular Monaco 编辑器 - 您可能需要适当的加载器来处理此文件类型：当我将我的 Angular 版本从 12 更改为 16 时出错

./node_modules/monaco-editor/esm/vs/editor/browser/viewParts/minimap/minimap.css:7:0 - 错误：模块解析失败：意外的标记 (7:0) 您可能需要适当的加载程序来处理此文件类型，

angular npm deployment monaco-editor ngx-monaco-editor

回答 1 投票 0

当我在演示中创建摩纳哥编辑器时，出现错误：`EditorSimpleWorker.loadForeignModule 的意外使用`

当我在演示中创建摩纳哥编辑器时 https://github.com/liaodalin19903/react-test-02 我收到错误：意外使用在 EditorSimpleWorker.loadForeignModule (http://localhost:3000/static/js/bun...

reactjs monaco-editor

回答 1 投票 0

vuetify 和 moncao-editor css 冲突

当我使用Vuetify进行开发时，使用moncao-editor，会出现样式覆盖：导入“vuetify/样式” 如果我注释掉 vuetify 样式 //导入'vuetify/styles' 请告诉我如何解决...

css vuetify.js monaco-editor

回答 1 投票 0

在 Monaco 编辑器网页版的查找和替换操作中以编程方式设置替换字段

我正在使用 Monaco Editor 的网络版本，我正在尝试实现查找和替换功能。我可以通过创建范围选择成功设置查找文本的字段，但是......

javascript monaco-editor

回答 1 投票 0

如何在摩纳哥差异编辑器中关闭小地图

我不需要正确的小地图，我的代码是常量原始 = [ '#include ', '使用命名空间 std;', 'int main()', '{', ' 算了 << \\"Hello, world!\\&