mirror of
https://github.com/microsoft/monaco-editor.git
synced 2025-12-22 20:52:56 +01:00
Add a sample that uses transform: scale
This commit is contained in:
parent
0684241bac
commit
fc234d6a57
2 changed files with 32 additions and 0 deletions
|
|
@ -16,6 +16,8 @@
|
||||||
<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a>  | 
|
<a class="loading-opts" href="./mouse-fixed.html">[fixed element]</a>  | 
|
||||||
<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a>  | 
|
<a class="loading-opts" href="./mouse-scrollable-body.html">[scrollable body]</a>  | 
|
||||||
<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
|
<a class="loading-opts" href="./mouse-scrollable-element.html">[scrollable element]</a>
|
||||||
|
 | 
|
||||||
|
<a class="loading-opts" href="./transform.html">[transform]</a>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
|
|
||||||
<div id="bar" style="margin-bottom: 6px"></div>
|
<div id="bar" style="margin-bottom: 6px"></div>
|
||||||
|
|
|
||||||
30
test/manual/transform.html
Normal file
30
test/manual/transform.html
Normal file
|
|
@ -0,0 +1,30 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
||||||
|
<style type="text/css">
|
||||||
|
#editor {
|
||||||
|
position: relative;
|
||||||
|
left: 500px;
|
||||||
|
top: 20px;
|
||||||
|
width: 600px;
|
||||||
|
height: 400px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body style="transform: scale(0.75)">
|
||||||
|
<div id="editor"></div>
|
||||||
|
|
||||||
|
<script src="../../metadata.js"></script>
|
||||||
|
<script src="dev-setup.js"></script>
|
||||||
|
<script>
|
||||||
|
loadEditor(function () {
|
||||||
|
monaco.editor.create(document.getElementById('editor'), {
|
||||||
|
value: document.documentElement.innerHTML,
|
||||||
|
language: 'xml'
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue