SystemSh0cker/monaco-editor
1
0
Fork 0
mirror of https://github.com/microsoft/monaco-editor.git synced 2025-12-22 22:02:55 +01:00
Code Issues Projects Releases Packages Activity

Add test page for 2096

Browse source
This commit is contained in:
Alex Dima 2020-09-17 22:14:16 +02:00
parent 653464ce5f
commit 4cede3f83f
No known key found for this signature in database
GPG key ID: 6E58D7B045760DA0
1 changed files with 70 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

70
test/2096/index.html Normal file
View file

@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<title>Editor in tiny iframe</title>
<style>
#myIframe {
border: 1px solid pink;
}
</style>
</head>
<body>
<h2>Monaco Editor inside iframes sample</h2>
<br />
<br />
<iframe id="myIframe"></iframe>
<br />
<script>
var myIframe = document.getElementById("myIframe");
myIframe.style.width = "400px";
myIframe.style.height = "100px";
myIframe.style.display = "block";
myIframe.style.visibility = "visible";
const longText = `function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}function x() {\n\tconsole.log("Hello world!");\n}function x()
{\n\tconsole.log("Hello world!");\n}`;
const iframeDoc = myIframe.contentDocument;
const iframeWin = myIframe.contentWindow;
const injectSourceFiles = function () {
iframeWin.require.config({
paths: {
vs: "/vscode/out/vs",
},
});
iframeWin.require(["vs/editor/editor.main"], function () {
const container = iframeDoc.createElement("div");
container.setAttribute("id", "container");
container.style.height = "100vh";
iframeDoc.body.appendChild(container);
var editor = iframeWin.monaco.editor.create(
iframeDoc.getElementById("container"),
{
value: longText,
language: "javascript",
}
);
iframeWin.onresize = function () {
editor.layout();
};
});
};
const script = iframeDoc.createElement("script");
script.src = "/vscode/out/vs/loader.js";
script.onload = injectSourceFiles;
iframeDoc.head.appendChild(script);
</script>
</body>
</html>