PullRequest: 1164 fix: 修复MonacoEditor默认占位符widget文本超出问题

liyi711 · 蚂蚁代码服务 · commit 8d2b1e3d5781 · 2025-11-12T16:50:35.000+08:00
Merge branch 'fix/MonacoEditorPlaceHolderWidget of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.4.1 https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/1164 Reviewed-by: 晓康 <xxk268858@oceanbase.com> * fix: 修复MonacoEditor默认占位符widget文本超出问题
diff --git a/src/component/MonacoEditor/PlaceholderContentWidget.ts b/src/component/MonacoEditor/PlaceholderContentWidget.ts
@@ -37,6 +37,7 @@ export default class PlaceholderContentWidget implements monaco.editor.IContentW
       this.domNode.style.width = 'max-content';
       this.domNode.textContent = this.placeholder;
       this.domNode.style.fontStyle = 'italic';
+      this.domNode.style.paddingRight = '14px';
       this.editor.applyFontInfo(this.domNode);
       this.domNode.style.color = 'grey';
     }

Original file line number	Diff line number	Diff line change
`@@ -37,6 +37,7 @@ export default class PlaceholderContentWidget implements monaco.editor.IContentW`
`37`	`37`	`this.domNode.style.width = 'max-content';`
`38`	`38`	`this.domNode.textContent = this.placeholder;`
`39`	`39`	`this.domNode.style.fontStyle = 'italic';`
	`40`	`+ this.domNode.style.paddingRight = '14px';`
`40`	`41`	`this.editor.applyFontInfo(this.domNode);`
`41`	`42`	`this.domNode.style.color = 'grey';`
`42`	`43`	`}`