Ruby China

Rails 请教 wicked_pdf 生成的 pdf 中文字体不对齐，跳行的问题

reducm · 2013年03月27日 · 最后由 jerrylin224 回复于 2018年05月11日 · 6976 次阅读

#截图

今天有个需求要生成 pdf, 对比过 prawn, pdfkit, wicked_pdf，踩坑不少，最后选择了 wicked_pdf(问题最少)，现在基本 css 样式，javascript, 图片嵌入，中文字显式，下载之类的都没问题了，可是生成出来的文字却是如图般不在同一行跳跳跳的，清除掉所有样式问题依旧，但在 debug 选项 show_as_html: true下却是显式正常，现在怀疑是 html 标签的问题，请有经验的同学指教一下

1 个赞
beyondyuqifeng #1 2013年10月09日

问一下 lz，这个中文字显示，怎么搞定的啊，现在我也遇到了这个问题，求教一下😊

shaorui23 #2 2013年10月10日

一样的问题。LZ 解决了没？

reducm #3 2013年10月10日

这个之前发过 issue 问过 github 的作者，答是 html 模式时服务器环境里面的字体问题，当时开发进度较紧就没有使用 html, 自己手动拼 table

shaorui23 #4 2013年10月11日

嗯，我找到了你之前提给作者的 issue，现在知道思路了。谢谢。 链接：https://github.com/mileszs/wicked_pdf/issues/204

reducm #5 2013年10月11日

#4 楼 @shaorui23 记错了原来是 wkhtmltopdf 的问题，另外想问问 github 怎么去找自己发出的 issue 来着？

shaorui23 #6 2013年10月11日

这篇文章有提到：https://github.com/blog/941-issues-dashboard 应该到你的 dashboard 就能找到你的 issues 了。https://github.com/dashboard/issues

naitnix #7 2014年09月02日

楼主最后还是拼的 table?

naitnix #8 2014年09月02日

发现即使使用表格，中文还是有跳行的问题，只不过是没有调到 td 的外面，但是整体看上去还是歪的

lgn21st #9 2015年12月05日

遇到过同样的问题，我用的是 pdfkit，顺便查看了一下，pdfkit 和 wicked_pdf 都是基于 wkhtmltopdf 来转 PDF 的，请问楼主是如何安装 wkhtmltopdf 的呢？

wicked_pdf 的 README 建议使用 wkhtmltopdf-binary，但是这个版本比较老了，我用的是 wkhtmltopdf_binary，版本新了很多，而且针对某些 bug 做过 patch，楼主不妨测试一下？

hytohigh #10 2015年12月05日

@lgn21st 完美解决了我的问题，感谢

orange #11 2016年03月16日

楼住是怎么导出对应的图片，js，css 的，求指导。。

reducm #12 2016年03月24日

#11 楼 @orange 只要页面是同步加载的，用 gem 的正常用法就可以正常展示到网页原貌。另外我当时做了把 css 和 js 都嵌在 head 里头

idlesong #13 2016年07月07日

#9 楼 @lgn21st 非常感谢，不仅解决了这个问题，还美观多了。虽然好像转换速度慢了不少。

cly #14 2016年09月21日

#9 楼 @lgn21st 您是如何实现换行的，可以做到标点符号不在行首吗？我也是用的 pdfkit，我这可以换行但是标点符号在行首，代码中添加了标点符号换行样式。

　.t4 { word-break:normal; word-wrap:break-word; text-justify:inter-ideograph; hyphenate:auto; font-family:FangSong; font-size:16pt; line-height:24pt; }

多谢！！！

cly #15 2016年10月25日

请问您的问题解决了吗？标点符号在行首的问题是如何解决的，多谢

zhg #16 2017年11月22日

请问 LZ 中文显示是怎么搞出来的？我在服务器上面中文都不显示！

jerrylin224 #17 2018年05月11日
对 zhg 回复

Hi，不確定你解決問題了沒有。 我之前也遇過一樣的問題，如果中文沒有辦法顯示，基本上是因為你的 server 上沒有中文字型。可以參考這個 issue：https://github.com/mileszs/wicked_pdf/issues/675

需要 登录 后方可回复, 如果你还没有账号请 注册新账号