sivan / heti

赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。
https://sivan.github.io/heti/
MIT License
5.92k stars 251 forks source link

autoSpacing not working #76

Closed Ahdw closed 2 years ago

Ahdw commented 2 years ago
autospacing

我给文章部分加上了 heti class,可以看到 heti--classic 的样式生效了。

按照说明,我在 </body>之前加上了增强脚本的调用,可是却没有生效。

<heti-adjacent class="heti-adjacent-half"></heti-adjacent> 没有自动插入标点符号之间。

html punctualation

在 Chrome 和 Safari 上都没有生效。

sivan commented 2 years ago

entry 里的内容是动态渲染的吗?

shikelong commented 2 years ago

The same issue.

Tech Stack: Gatsby / React

I try execute autoSpacing in Console. But It not work.

image

image

image

Chrome version: Version 97.0.4692.71 (Official Build) (arm64) on M1

Ahdw commented 2 years ago

@sivan 是 Hexo 的主题,我在这一行下面加了引用脚本的line:

Snipaste_2022-01-27_21-45-55

Issue 最上面的截图显示,编译出的 html 看起来是正确的,但是 auto spacing 却没有生效。我自己也不清楚这算不算你说的「动态渲染」

hyrious commented 2 years ago

<script> 不能同时包含 src 和内容,当同时存在时只有 src 会生效。

另外 autoSpacing 使用了 DOMContentLoaded,在页面加载完后监听这个事件也什么都不会发生。如有需要可以手动执行:

let heti = new Heti()
heti.spacingElements(document.querySelectorAll(heti.rootSelector))