我有一个网页,其中动态构建了相当数量的内容(jquery ajax等),并要求提供它的可打印版本.
我遇到了所有常见的问题,我可能(给定的时间)得到解决,但它让我思考 - 有没有办法获取DOM并使用javascript生成PDF.这可能是一个愚蠢的问题 - 听起来有点棘手,即使我可以使用javascript构建PDF文件,我也不太确定,然后我会如何将它呈现给用户.
人们怎么想?
我在项目中使用monaco编辑器来帮助用户指定一些模板。
require.config({ paths: { 'vs': 'https://unpkg.com/monaco-editor@0.10.1/min/vs' }});
window.MonacoEnvironment = { getWorkerUrl: () => proxy };
let proxy = URL.createObjectURL(new Blob([`
self.MonacoEnvironment = {
baseUrl: 'https://unpkg.com/monaco-editor@0.10.1/min/'
};
importScripts('https://unpkg.com/monaco-editor@0.10.1/min/vs/base/worker/workerMain.js');
`], { type: 'text/javascript' }));
require(["vs/editor/editor.main"], function () {
let editor = monaco.editor.create(document.getElementById('container'), {
value: '',
language: 'javascript',
});
monaco.languages.typescript.javascriptDefaults
.addExtraLib(`var myobject = {
field1: "",
field2: ""
}`, 'filename/fields.d.ts')
});Run Code Online (Sandbox Code Playgroud)
html, body, #container {
width: 100%;
height: 100%;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://unpkg.com/monaco-editor@0.10.0/min/vs/loader.js"></script>
<div id="container"></div>Run Code Online (Sandbox Code Playgroud)
例如
{{ myobject.field1 }}
当他们键入内容时,我要对允许输入的内容进行智能化处理,并能够将其理想地指定为json对象。
例如我这样描述myobject
myobject = { …
是否有一种方法,仅使用css,排列多行元素(以及我的示例中的锚点),以便"before"位和"anchor"位并排出现,就好像在网格中一样.
即
> i am a test link
which goes over
multiple lines
与此结果相反(希望将其展示在之前的内容之下).
a::before {
content: ">";
padding-right: 20px;
}
div {
width: 150px;
}Run Code Online (Sandbox Code Playgroud)
<div>
<a href="#">i am a test link which goes over multiple lines</a>
</div>Run Code Online (Sandbox Code Playgroud)
我在父div中有一个子元素(在我的例子中是h1).
为什么孩子的边缘似乎在父母之外.
以下示例:
这个孩子有一个30px的衬垫和一个红色边框,如预期的那样.div有黄色背景,但我预计它的高度为100 + 30 + h1 + 30 + 100.
div {
background-color: yellow;
}
h1 {
margin: 100px;
padding: 30px;
border: 5px solid red;
}Run Code Online (Sandbox Code Playgroud)
<div>
<h1>Child</h1>
</div>Run Code Online (Sandbox Code Playgroud)
有趣的是,如果我在div中放置一个边框,如下例所示 - 它表现得像我预期的那样.我知道我可以解决这个问题,但我想知道发生了什么事?
div {
background-color: yellow;
border: 5px solid green;
}
h1 {
margin: 100px;
padding: 30px;
border: 5px solid red;
}Run Code Online (Sandbox Code Playgroud)
<div>
<h1>Child</h1>
</div>Run Code Online (Sandbox Code Playgroud)
我相当愚蠢地将一个 vhd 上传到 Azure 文件存储,以为我可以从中创建一个虚拟机,结果却发现它确实需要在 blob 存储中。
我知道我可以再次上传它 - 但它非常大而且我的上传速度很慢。
我的问题是 - 我可以将文件从文件存储移动到 Blob 存储而无需再次下载/上传吗?即 Azure 门户 UI 中是否有任何内容可以执行此操作,甚至是 PowerShell 命令?