- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已将默认字体更改为支持阿拉伯语的字体应该以这种方式显示的话:
تقارير حرو الرسائل
但它们显示为
الرسائل حركو توارير
function processDoc(doc) {
// https://pdfmake.github.io/docs/fonts/custom-fonts-client-side/
pdfMake.fonts = {
Roboto: {
normal: 'Roboto-Regular.ttf',
bold: 'Roboto-Medium.ttf',
italics: 'Roboto-Italic.ttf',
bolditalics: 'Roboto-MediumItalic.ttf'
},
scheherazade: {
normal: 'Scheherazade-Regular.ttf',
bold: 'Scheherazade-Regular.ttf',
italics: 'Scheherazade-Regular.ttf',
bolditalics: 'Scheherazade-Regular.ttf'
}
};
// modify the PDF to use a different default font:
doc.defaultStyle.font = "scheherazade";
}
$(function () {
var table = $('.data-table').DataTable({
processing: true,
serverSide: true,
ajax: {
url: "{{ route('messaage_movements.index') }}",
"method": "GET",
data: function (d) {
d.search = $('input[type="search"]').val()
}
},
dom: 'Bfrtip',
buttons: [
// {
// extend: 'pdfHtml5',
// text: 'PDF',
// } ,
'copyHtml5',
'excelHtml5',
'csvHtml5',
'print',
{
extend: 'pdfHtml5',
// download: 'open',
title: '{{__('messages.messaage_movements')}}',
customize: function ( doc ) {
processDoc(doc);
doc.content.splice( 1, 0, {
margin: [ 0, 0, 0, 12 ],
alignment: 'right',
} );
},
}
],
columns: [
{data: 'id', name: 'id'},
{data: 'message', name: 'message'},
{data: 'user_id', name: 'user_id'},
{data: 'number_massages', name: 'number_massages'},
{data: 'status', name: 'status'},
{data: 'reason', name: 'reason'},
{data: 'date_sent', name: 'date_sent'},
{
data: 'action',
name: 'action',
orderable: true,
`enter code here` searchable: true
},
]
});
});
我遵循了这样的代码,但把它变成了阿拉伯语我不知道在代码中将 direction="rtl"放在哪里,因为它不是可见的 html 标签 enter link description here
-----编辑我在上面所做的更改解决了标题和行的问题,但没有解决 thead。
customize: function ( doc ) {
processDoc(doc);
doc.content[0]['text'] = doc.content[0]['text'].split(' ').reverse().join(' ');
},
}
],
columns: [
{data: 'id', name: 'id'},
{data: 'message', name: 'message',targets: '_all',render: function(data, type, row) {
if (type === 'myExport') {
return data.split(' ').reverse().join(' ');
}
console.log(data);
return data;
}},
1 Câu trả lời
这个库对 rtl 的支持不是很好..但是你可以在表体中使用列选项中的“render”函数来反转内容来解决这个问题..
问题出在你的表头上,因为你不能自定义表头内容..
但我想出了一个解决这个问题的技巧..
想法是创建两个表格标题..一个反转并隐藏在 html 页面中..而另一个未反转并以 html 显示,库将仅检测反转的一个并将其显示在 pdf 文件中
要应用它,只需将这段代码添加到您的 js 文件中。
let thead = document.getElementsByTagName('thead')[0].children[0]
const reversedHead = thead.cloneNode(true)
thead.parentNode.appendChild(reversedHead)
let headCells = reversedHead.children
Object.keys(headCells).forEach(i=>{
headCells[i].textContent = headCells[i].textContent.split(' ').reverse().join(' ')
})
reversedHead.setAttribute('hidden',"")
关于javascript - 单词的阿拉伯语句子在数据表上颠倒了 pdfhtml5 "pdfmake",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72782433/
我正在使用 HTMLConverter 将 html 转换为 PDF 并尝试设置一些边距。 现有代码: ConverterProperties props = new ConverterPro
我正在使用 HTMLConverter 将 html 转换为 PDF 并尝试设置一些边距。 现有代码: ConverterProperties props = new ConverterPro
是否有 pdfHTML 支持的 CSS 样式列表?他们的网站说“它支持适用于 PDF 上下文的 HTML 5 和 CSS 3 规范的部分”,这是有道理的(例如,没有理由支持 CSS 动画)。 但是,我
我正在尝试使用 itext7.pdfhtml 将 html 字符串转换为 C# .Net 项目中的 pdf 文档。 当我运行此代码时: iText.Html2pdf.HtmlConverter.Con
我正在使用 iText 的 pdfHtml 从 HTML 生成 PDF,但我可以看到生成的 PDF 中的两个元素之间添加了很多空格。 请参阅下面的 HTML 和 PDF 下图中突出显示的部分显示了两行
我正在尝试使用 iText7.1.0 和 pdfHTML2.0.0 使用 this example 将 3 个 HTML 页面(全部具有相同的内容)导出为 PDF .出于某种原因,页面在页脚处存在格式
我正在尝试借助 iText 的方法将 html 转换为 pdf HtmlConverter.convertToPdf(htmlString, pdfDocument, converterProp);
Tôi là một lập trình viên xuất sắc, rất giỏi!