Comments (2)
@UvDream 官方有个类似的示例,你可以参考: https://microsoft.github.io/monaco-editor/playground.html?source=v0.43.0#example-extending-language-services-hover-provider-example
monaco.languages.register({ id: "mySpecialLanguage" });
monaco.languages.registerHoverProvider("mySpecialLanguage", {
provideHover: function (model, position) {
return xhr("./playground.html").then(function (res) {
return {
range: new monaco.Range(
1,
1,
model.getLineCount(),
model.getLineMaxColumn(model.getLineCount())
),
contents: [
{ value: "**SOURCE**" },
{
value:
"```html\n" +
res.responseText.substring(0, 200) +
"\n```",
},
],
};
});
},
});
monaco.editor.create(document.getElementById("container"), {
value: "\n\nHover over this text",
language: "mySpecialLanguage",
});
function xhr(url) {
var req = null;
return new Promise(function (c, e) {
req = new XMLHttpRequest();
req.onreadystatechange = function () {
if (req._canceled) {
return;
}
if (req.readyState === 4) {
if (
(req.status >= 200 && req.status < 300) ||
req.status === 1223
) {
c(req);
} else {
e(req);
}
req.onreadystatechange = function () {};
}
};
req.open("GET", url, true);
req.responseType = "";
req.send(null);
}).catch(function () {
req._canceled = true;
req.abort();
});
}
from react-monacoeditor.
mao'si貌似不是,谢谢了,我再找找@UvDream 官方有个类似的示例,你可以参考: https://microsoft.github.io/monaco-editor/playground.html?source=v0.43.0#example-extending-language-services-hover-provider-example
monaco.languages.register({ id: "mySpecialLanguage" }); monaco.languages.registerHoverProvider("mySpecialLanguage", { provideHover: function (model, position) { return xhr("./playground.html").then(function (res) { return { range: new monaco.Range( 1, 1, model.getLineCount(), model.getLineMaxColumn(model.getLineCount()) ), contents: [ { value: "**SOURCE**" }, { value: "```html\n" + res.responseText.substring(0, 200) + "\n```", }, ], }; }); }, }); monaco.editor.create(document.getElementById("container"), { value: "\n\nHover over this text", language: "mySpecialLanguage", }); function xhr(url) { var req = null; return new Promise(function (c, e) { req = new XMLHttpRequest(); req.onreadystatechange = function () { if (req._canceled) { return; } if (req.readyState === 4) { if ( (req.status >= 200 && req.status < 300) || req.status === 1223 ) { c(req); } else { e(req); } req.onreadystatechange = function () {}; } }; req.open("GET", url, true); req.responseType = ""; req.send(null); }).catch(function () { req._canceled = true; req.abort(); }); }
from react-monacoeditor.
Related Issues (20)
- Webpack compilation warning in 0.29.0 with DOMPurify
- support for nextJs HOT 2
- Autocomplete with Antlr4 grammar file HOT 1
- EditorSimpleWorker.loadForeignModule error
- Support for error highlighting HOT 1
- Liquid not in the list on the demo website HOT 2
- Can you please name the code block HOT 3
- React render two Editors instead of one HOT 5
- 如何自动格式化代码 HOT 7
- Perhaps its not a good idea to trigger 'registerCompletionItemProvider' with 'value' HOT 1
- YAML multiline code has invalid color highlighting
- cmd+f in the Monaco Editor, find/search box not appearing HOT 1
- SQL schema autocomplete HOT 1
- Cannot read properties of null (reading 'useState') HOT 4
- how to use it to debug my code HOT 5
- Unexpected character '' error HOT 4
- Not work in IOS 12
- error TS2451: Cannot redeclare block-scoped variable 'MonacoEnvironment'. HOT 3
- Dependency Dashboard
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-monacoeditor.