小编Dav*_*ham的帖子

Office Web Apps 预览 Word 文档 Base64

目标:在简单的 <object .. /> 容器中在浏览器 (javascript / html) 中预览.docx Base64(或 blob)

这确实预览了文件,但我的文档路径不是公开的(我只将 base64 或 blob 传输到最终浏览器) /sf/answers/1957073051/

<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'>This is an embedded <a target='_blank' href='http://office.com'>Microsoft Office</a> document, powered by <a target='_blank' href='http://office.com/webapps'>Office Online</a>.</iframe>
Run Code Online (Sandbox Code Playgroud)

这是上面的base64文件...我如何使用“Office查看器”来显示它? https://jsfiddle.net/5cve3kLm/

javascript base64

7
推荐指数
0
解决办法
1690
查看次数

jsPDF 自动右对齐 x 位置错误

我的例子(只需单击“导出 PDF”):https : //jsfiddle.net/j9vaqpnz/7/

我的示例导出我的表,如下所示:

在此处输入图片说明 .

然后使用库jspdfautotable将表导出为 pdf 。

在导出函数期间,我使用“drawCell”函数,对于包含数字的所有列,我将它们右对齐如下:

drawCell: function (cell, data) {
                var col = data.column.index;
                if(col==3 || col==5 || col==6 || col==7 || col==8 || col==9 || col==10){
                    cell.styles.halign = 'right';
                }
            }
Run Code Online (Sandbox Code Playgroud)

.

问题:在 PDF 中,我右对齐的所有列都定位不正确,如下所示:

在此处输入图片说明

这是一个错误吗?或者我可能不正确地使用“drawCell”?

javascript pdf-generation jspdf jspdf-autotable

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

IE 11 中的 CSS 网格自动流

我正在尝试使以下示例在 IE 11 中工作:https : //dojo.telerik.com/ariSElEj

在普通浏览器中看起来像这样: 在此处输入图片说明

我的CSS:

.wrapper {
    display: grid;
    grid-template-rows: repeat(6, 100px);
    grid-auto-flow: column;
    grid-auto-columns: 33.3333%;
}
* {box-sizing: border-box;}

.wrapper {
    border: 2px solid #f76707;
    border-radius: 5px;
    background-color: #fff4e6;
}

.wrapper > div {
    border: 2px solid #ffa94d;
    border-radius: 5px;
    background-color: #ffd8a8;
    padding: 1em;
    color: #d9480f;
}
Run Code Online (Sandbox Code Playgroud)

IE 11 只是忽略 CSS 并显示 1 列。

有没有办法在 IE 中使用这种布局,而对 CSS 的改动很小?或者,有没有人像这个例子那样建议“浏览器特定的 HTML” - >如何显示浏览器特定的 HTML?

css internet-explorer flexbox

5
推荐指数
0
解决办法
6060
查看次数

CryptoJS javascript AES-128、ECB 加密/解密

目标:使用 AES-128、ECB、0 填充进行加密和解密的简单CryptoJS 示例。

请参阅下面我的可运行示例。

输入文本是“US0378331005-USD-US-en”,它被加密(希望 AES-128 包含上述所有内容),然后解密(这不起作用)

text: US0378331005-USD-US-en
key: 11A1764225B11AA1
key length: 16
encrypted 951422f8ac8354acf23fbc
decrypted a5126fa0fc3cb4c39a4f3e637be98a73
Run Code Online (Sandbox Code Playgroud)

text: US0378331005-USD-US-en
key: 11A1764225B11AA1
key length: 16
encrypted 951422f8ac8354acf23fbc
decrypted a5126fa0fc3cb4c39a4f3e637be98a73
Run Code Online (Sandbox Code Playgroud)
var text = 'US0378331005-USD-US-en';
var key = '11A1764225B11AA1'; // to ensure AES-128 this has to be 16 bit

console.log('text:', text);
console.log('key:', key);
console.log('key length:', key.length );

text = CryptoJS.enc.Hex.parse(text);
key = CryptoJS.enc.Hex.parse(key);
var iv = CryptoJS.enc.Hex.parse("00000000000000000000000000000000");

var encrypted = CryptoJS.AES.encrypt(text, key, { iv: iv, mode: CryptoJS.mode.ECB, …
Run Code Online (Sandbox Code Playgroud)

javascript encryption aes ecb cryptojs

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

未来元素的jQuery html()函数

我有一张表格.当用户选择下拉列表中特定的内容时,该内容将加载包含一些其他字段的外部文档

$( "#morefields" ).load( "partials/formadditionals.jsp", function() {
    ...
});
Run Code Online (Sandbox Code Playgroud)

这个"formadditionals.jsp"包含一个标题<h1 id="form2title"></h1>.现在已加载后,我想写的东西成<h1>通过

$('#form2title').html("Test");
Run Code Online (Sandbox Code Playgroud)

...这是行不通的,我假设因为元素之前不存在!?

如何将html()"future"元素加载到DOM后使用它?

javascript jquery

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

Safari 盒子阴影错误?

我有一个带填充的元素,在:hover上设置背景颜色框阴影

(悬停时)Safari 似乎无法用新的背景颜色正确填充该区域。一旦我从悬停事件中删除box-shadow属性,就会按预期工作...

如何保留 box-shadow 并解决 Safari 的问题?

.btn,
a.btn{
    background-color: #027BFF;
    padding: 42px 20px;
}

.btn:hover, a.btn:hover {
    background-color: pink;
    box-shadow: 0 0 0 10px #888;
}
Run Code Online (Sandbox Code Playgroud)
<a href="#" class="btn btn-primary" onclick="javascript: something()"><span>Search</span></a>
Run Code Online (Sandbox Code Playgroud)

比较:

在此输入图像描述

在此输入图像描述

css safari hover

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

重置Kendo UI Grid中的重新排序列

我找不到使用Kendo ui网格重绘/重置网格的正确功能.

这是我的小提琴:

http://jsfiddle.net/orcy69dv/

  1. 将列拖到另一个位置.
  2. 单击重置(不起作用).

我包含了一个名为"resetgrid"的函数,它应该重置/重新加载/重绘网格,但它不起作用.我该怎么做?

function resetgrid(){
    var grid = $("#grid").data("kendoGrid");
    grid.dataSource.read();
    grid.refresh();
}
Run Code Online (Sandbox Code Playgroud)

非常感谢

javascript jquery kendo-ui kendo-grid

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

Kendo Multiselect搜索全文搜索

我正在使用Kendo Multiselect:http://dojo.telerik.com/EWiyo

在我的演示中,我在选择框中有三个选项,它们是:

var data = [
            {Name: "Swiss Stock Exchange SIX", Id: 220},
            {Name: "Stock Exchange Oslo OBX", Id: 315},
            {Name: "Frankfurt Xetra", Id: 115}
          ];
Run Code Online (Sandbox Code Playgroud)

现在输入"Swiss"找到"Swiss Stock Exchange SIX"

但是:输入"SIX"没有找到任何东西.我希望有一个"全文搜索",而不是只从文本值的开头搜索.

我发现以下但我不确定如何使用kendo实现这一点:Multiselect搜索整个字符串

非常感谢您的帮助

dojo full-text-search filter kendo-ui kendo-multiselect

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