我有一个脚本使用HTML2Canvas截取div页面内的a ,然后使用jsPDF将其转换为pdf.
问题是生成的pdf只有一页,在某些情况下屏幕截图需要多个页面.例如,屏幕截图大于8.5x11.宽度很好,但我需要它来创建多个页面以适应整个屏幕截图.
这是我的脚本:
var pdf = new jsPDF('portrait', 'pt', 'letter');
$('.export').click(function() {
pdf.addHTML($('.profile-expand')[0], function () {
pdf.save('bfc-schedule.pdf');
});
});
有什么想法我可以修改它以允许多个页面？
我知道这是可能的,因为这个网站做到了,但我尝试研究如何并且只是得到了一堆垃圾,所以如何在没有浏览器将其解释为代码的情况下将标签添加到网站段落中.
例如,如果我有<p><div></div></p>,我希望div在浏览器中显示为文本而不是浏览器将其解释为html.这样做很复杂吗？
我一直在写学校的教程,这将是容易得多,如果我可以直接将代码添加到文字形式而不是图片的网页,因此学生可以复制和粘贴.
我有一个动态创建帖子列表的网站,我无法访问创建内容的功能,所以我必须处理输出的内容.
<div id="wrap">
<div>Item 1</div>
<div>Item 2</div>
...
<div>Item 20</div>
<div>Item 21</div>
</div>
该函数以列表格式创建21个项目(一个在另一个上面).我想要达到的目标可能是一次只能看到7个,并且可以通过箭头导航对各种项目进行随机播放.
$("#wrap > div").slice(0,7).css("background","yellow");
$("#wrap > div").slice(7,14).css("background","red");
$("#wrap > div").slice(14,21).css("background","blue");
使用.slice我已经能够定位7的集合,但就如何隐藏和滚动集合,我有点迷失.
任何帮助将不胜感激
我正在尝试使用Node Lambda函数在日期范围之间进行扫描.我正确地扫描了数据,但我似乎无法使日期表达式正常工作.
var AWS = require('aws-sdk');
var dynamodb = new AWS.DynamoDB({apiVersion: '2012-08-10'});
exports.handler = function(event, context) {
var tableName = "MyDDBTable";
dynamodb.scan({
TableName : tableName,
FilterExpression: "start_date < :start_date",
ExpressionAttributeValues: {
":start_date": {
"S": "2016-12-01"
}
}
}, function(err, data) {
context.succeed(data);
});
};
这个目前不会尝试在一个范围之间返回,它现在只是查看一个日期.and在我知道这个有效之前,我不想添加表达式.
我的DynamoDB中的示例文档结构如下:
{
"end_date": {
"S": "2016-12-02"
},
"name": {
"S": "Name of document"
},
"start_date": {
"S": "2016-10-10"
},
"document_id": {
"N": "7"
}
}
这document_id是我的主要关键.我对这整个Lamdba/DynamoDB组合都很陌生,所以我可能完全错误,但这是我通过我的研究设法完成的.
我最终想要实现的是给出开始日期和结束日期,返回所有日期范围内的DynamoDB文档.任何帮助将不胜感激.
我有一个post调用,它以两种方式之一返回JSON:
$json1 = '{"found":1,"email":"email1@domain.com","error":"","rd":"email2@domain.com"}';
$json2 = '{"found":1,"email":"email1@domain.com,email2@domain.com","error":"","rd":"email3@domain.com,email4@domain.com"}';
在第一个,email和rd参数每个只有一个电子邮件地址.在第二个中,这两个相同的参数每个都有多个收件人.
我需要从每个参数中获取电子邮件并将其添加到已存在的数组中:
$recipients = array('support@domain.com');
我可以$json1使用以下代码使用变量:
array_push($recipients, $obj->{'rd'}, $obj->{'email'});
第二个JSON选项很少发布,但我仍然需要相同的代码才能适用于这两个实例.目前,如果我使用上面的代码与第二个JSON数据,它返回:
Array
(
[0] => support@sculpturehospitality.com
[1] => email3@domain.com,email4@domain.com
[2] => email1@domain.com,email2@domain.com
)
其中有多个电子邮件在同一个参数中.有没有人对我如何分离每个数组项中的电子邮件有任何见解？
一个工作的例子:
http://sandbox.onlinephpfunctions.com/code/24c4a1eaea98566b65cd36e221dd1f185e820ea6
我有以下脚本来列出没有链接的帖子标签，但它在包括最后一个标签在内的所有标签之后放了一个逗号。有什么办法可以防止脚本向列表中的最后一个标签添加逗号吗？我试着研究它，但关于这个特定的 wp 字符串真的没有很多。
<?php
$posttags = get_the_tags();
if ($posttags) {
foreach($posttags as $tag) {
echo $tag->name . ', ';
}
}
?>
我有一个网页,可以创建联系人列表和他们的电子邮件地址.mailto链接有两个选项,(1)在当前窗口中打开它或(2)在新选项卡/窗口中打开它.
我发现双方都存在潜在的弊端:
反正是否有"检测"打开的网页是否有内容,如果没有则关闭它？
基于此链接:
检测基于Web的邮件客户端与本地邮件客户端的mailto链接
我尝试了以下方法来获得body:
const windowRef = window.open(`mailto:${email}`, '_blank')
const body = windowRef.document.body
我遇到的问题是body每个文档都是空的:<body></body>
我认为这是因为它没有足够的时间来加载页面,所以我尝试了,setTimeout但后来我得到了一个Blocked a frame with origin "myhostman" from accessing a cross-origin frame.
有关支持Web和桌面邮件客户端的方法的任何想法没有上面列出的缺点？
好的,所以我创建了一个Wordpress模板,它只显示具有与之关联的"锻炼"类别的帖子.在显示这些内容的循环中,我希望列出特定帖子的类别.
我在想这样的事情会起作用:
$id = get_the_ID();
$cats = wp_get_post_categories($id);
但后来我不知道如何在屏幕上回应这个.任何人都知道如何在循环中显示每个帖子的类别？我看过的所有文章都只展示了如何显示所有类别,而不是显示与特定帖子相关的类别.
这是我的循环:
<div class="query">
<b><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></b>
<?php
$id = get_the_ID();
$cats = wp_get_post_categories($id);
?>
</div>
<?php endwhile; ?>
我有一个jQuery脚本,它使用简单的文本输入来搜索字符串.如果找到字符串,则仅突出显示字符串本身.我的所有数据都在一个表中,所以我想知道如果在行中的任何地方找到字符串,是否可以突出显示整行？
这个JS Fiddle有一个工作演示:http://jsfiddle.net/s8fTA/
此脚本使用搜索字符串,但调用下面的突出显示脚本:
$(function() {
var search = $('.beer-search'),
content = $('.beer-list'),
matches = $(), index = 0;
// Listen for the text input event
search.on('input', function(e) {
// Only search for strings 2 characters or more
if (search.val().length >= 2) {
// Use the highlight plugin
content.highlight(search.val(), function(found) {
});
}
else {
content.highlightRestore();
}
});
});
突出显示脚本:( function($){
var termPattern;
$.fn.highlight = function(term, callback) {
return this.each(function() {
var elem = $(this);
if (!elem.data('highlight-original')) …我已经使用HTML和CSS大约5年了,我完全失去了这个.http://napletonlaw.connectionsquad.com/
在该页面上,该容器中有一个ID为Clarity的div.
我有CSS规则如下:
#clarity {
text-align: center;
width: 320px;
}
它的代码如下:
<div id="clarity">
<img src="Resources/magnifying-glass.png" />
<p>You have questions, and we have answers. We can help break down the situation into easy-to-understand terms and clear advice. Napleton Law is here to help you!</p>
</div>
由于某种原因,我应用于该DIV的宽度没有采取...在Dreamweaver的预览中它将div缩小到320px,但是在预览时它没有..我不知道为什么清晰度div在我设置时跨越整个页面宽度为320px ......
html ×4
javascript ×4
jquery ×3
php ×3
wordpress ×2
arrays ×1
aws-lambda ×1
css ×1
html2canvas ×1
jspdf ×1
node.js ×1