小编Jon*_*nny的帖子

从html dom创建可打印的PDF

我有一个网页,其中动态构建了相当数量的内容(jquery ajax等),并要求提供它的可打印版本.

我遇到了所有常见的问题,我可能(给定的时间)得到解决,但它让我思考 - 有没有办法获取DOM并使用javascript生成PDF.这可能是一个愚蠢的问题 - 听起来有点棘手,即使我可以使用javascript构建PDF文件,我也不太确定,然后我会如何将它呈现给用户.

人们怎么想?

html javascript printing pdf

6
推荐指数
1
解决办法
2万
查看次数

如何在摩纳哥编辑器JS中为车把语言设置智能提示

我在项目中使用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 = { …

javascript intellisense templating monaco-editor

6
推荐指数
0
解决办法
646
查看次数

如何将css :: before伪元素排成一个网格

是否有一种方法,仅使用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)

html css

4
推荐指数
1
解决办法
1376
查看次数

为什么我的孩子html元素的边距在父母之外

我在父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)

html css

2
推荐指数
1
解决办法
1388
查看次数

将文件从 Azure 文件存储移动到 Azure Blob 存储

我相当愚蠢地将一个 vhd 上传到 Azure 文件存储,以为我可以从中创建一个虚拟机,结果却发现它确实需要在 blob 存储中。

我知道我可以再次上传它 - 但它非常大而且我的上传速度很慢。

我的问题是 - 我可以将文件从文件存储移动到 Blob 存储而无需再次下载/上传吗?即 Azure 门户 UI 中是否有任何内容可以执行此操作,甚至是 PowerShell 命令?

azure azure-storage

2
推荐指数
1
解决办法
7829
查看次数