setValue(format(editor.getValue())); // 建议使用序号 v 的方式 V. 设置值能回退 然而,setValue 设置的值并不能“回退”(Ctrl+Z) [Bug] when trigger setValue() ,ctrl+z doesn't undo · Issue #3358 · microsoft/monaco-editor const setEditorValue = (val) => { editor.pushUndoStop(); ...
编辑器自身不支持 sql 格式化(试了下 JavaScript 是支持的),所以用到了 sql-formatter 这个库。 import { format } from 'sql-formatter' ... format() { this.monacoEditor.setValue( format(this.monacoEditor.getValue(), { indentStyle: 'tabularLeft', }), ) }, ... 右键菜单汉化 需要安装以下两...
formatOnType: 是否在输入时自动格式化代码。 2. 示例代码 以下是一个如何使用这些配置项设置 Monaco Editor 的示例: javascript const editor = monaco.editor.create(document.getElementById('container'), { theme: 'vs-dark', // 设置主题 language: 'javascript', // 设置默认语言 automaticLayout: true, ...
1.界面上右键下边截图的这个Format Document点击一下就好了 2.用代码怎么实现呢,非只读的情况 //写法1const { editor } =ref.current; editor.setValue('这里写要待格式化的数据'); editor.trigger('anyString', 'editor.action.formatDocument');//自动格式化代码editor.setValue(editor.getValue());//再次设...
import{ format }from'sql-formatter';// 创建自定义菜单项monacoEditor.addAction({id:'format.sql',label:'Formart SQL',precondition:null,contextMenuGroupId:'navigation',contextMenuOrder:1,run:function() {// sql代码格式化monacoEditor.setValue(format(monacoEditor.getValue())); ...
features: ['format', 'find', 'contextmenu', 'gotoError', 'gotoLine', 'gotoSymbol', 'hover', 'documentSymbols'] // ['accessibilityHelp', 'anchorSelect', 'bracketMatching', 'caretOperations', 'clipboard', 'codeAction', 'codelens', 'colorPicker', 'comment', 'contextmenu', 'coreCommand...
features: ["coreCommands", "find", "format", "folding", 'smartSelect', 'snippets', 'suggest', 'hover'] }), new MonacoLocalesPlugin({ //设置支持的语言 languages: ["es", "zh-cn"], //默认语言 defaultLanguage: "zh-cn", //打印不匹配的文本 ...
envId) return'undefined'const app = await getCloudBaseApp(envId)const day = moment().format('YYYY-MM-DD')const result = await app.uploadFile({filePath: file,cloudPath: `路径`,onUploadProgress: (progressEvent: ProgressEvent) => {const percentCompleted = Math.round((progressEvent.loaded * 100...
/** * 日志构造器 * @param {string} log 日志内容 * @param {string} type 日志类型 */export function createLog(log: string, type = '') { let now = moment().format('HH:mm:ss'); if (process.env.NODE_ENV == 'test') { now = 'test'; } return `[${now}] <${type}> ${log...
id: 'format.sql', label: 'Formart SQL', precondition: null, contextMenuGroupId: 'navigation', contextMenuOrder: 1, run: function () { // sql代码格式化 monacoEditor.setValue(format(monacoEditor.getValue())); } }); 自定义主题 functiondefineTheme(){monaco.editor.defineTheme('naruto',{base...