Können Sie einen Link zu Ihrer Website posten? Ich vermute, das Problem liegt am Styling Ihres Themes.
2 „Gefällt mir“
Hier ist mein Link:
https://whois.nhachinhchu.org/t/bang-gia-xem-data-nha-chinh-chu/63389
1 „Gefällt mir“
Entschuldigen Sie die Unterbrechung der laufenden Diskussion. Ich habe etwas gefunden, von dem ich nicht sicher bin, ob es bereits gemeldet wurde.
Wenn der Beitrag einen Link in einer Kopfzeile hat, wird die Anzahl der Klicks auch im Inhaltsverzeichnis angezeigt:
2 „Gefällt mir“
Seit diesem Update sehe ich auf Discourse-Docs-Seiten mit einem Inhaltsverzeichnis einen Fehler. Zum Beispiel wird auf dieser Seite auf Meta das Inhaltsverzeichnis nicht angezeigt, und ich sehe einen Fehler in den Browser-Entwicklertools:
Auf meiner Website sehe ich auch ein Banner oben auf der Seite mit der Meldung „Beiträge werden möglicherweise nicht korrekt angezeigt, da einer der Beitrags-Dekoratoren auf Ihrer Website einen Fehler verursacht hat. Weitere Informationen finden Sie in den Entwicklertools des Browsers.“
3 „Gefällt mir“
Danke @simonk, ich habe gerade (vor 2 Minuten!) eine Korrektur für dieses Problem zusammengeführt. Bitte aktualisieren Sie die Komponente auf Ihrer Website und lassen Sie mich wissen, ob das Banner auf Ihrer eigenen Website weiterhin besteht.
3 „Gefällt mir“
Danke für die Antwort! Der Fehler ist behoben, aber das Inhaltsverzeichnis wird in der discourse-docs-Version der Seite nicht angezeigt. Vor dem gestrigen Update wurde das Inhaltsverzeichnis sowohl in der discourse-docs-Version als auch in der „normalen“ Version der Seite angezeigt.
(Das ist für mich nicht dringend – ich habe das Update auf einer Staging-Site bereitgestellt, nicht in der Produktion, daher spielt es keine Rolle, dass es nicht richtig funktioniert)
Bearbeiten: Ich verwende 2.8.0.beta11 (42c71789f9), falls das einen Unterschied macht.
2 „Gefällt mir“
Ja, ich verstehe, was Sie meinen. Leider verwenden meine Änderungen an der TOC eine Auslassstelle in der Themenansicht, die in den Dokumenten fehlt. Ich werde mich darum kümmern.
3 „Gefällt mir“
Ich habe heute weitere Änderungen am Component vorgenommen, die die von @mentalstring und @simonk angesprochenen Probleme beheben sollten. In deinem Fall, Simon, ist ein vollständiger Rebuild erforderlich, da du auch ein Update für das Docs-Plugin ziehen musst.
@huynhthai824 Es ist sehr wahrscheinlich, dass dein Problem behoben wird, sobald du das Component aktualisierst.
4 „Gefällt mir“
Vielen Dank, ich bin so glücklich, mein Problem ist gelöst.
Nochmals vielen Dank..
1 „Gefällt mir“
Nach einem vollständigen Neuaufbau kann ich bestätigen, dass das Inhaltsverzeichnis auf der discourse-docs-Seite korrekt angezeigt wird – vielen Dank 
Ich sehe, dass Sie das Inhaltsverzeichnis jetzt auch auf 2 Ebenen beschränkt haben. Angesichts des horizontalen Platzes halte ich das für vernünftig, aber es bedeutet, dass Überschriften der dritten Ebene im Inhaltsverzeichnis auf derselben Verschachtelungsebene wie ihre Eltern angezeigt werden.
d. h. im Moment dieser Text:
# Erste Überschrift
## Erste Unterüberschrift
### Kind der ersten Unterüberschrift
### Kind der ersten Unterüberschrift
## Zweite Unterüberschrift
### Kind der zweiten Unterüberschrift
### Kind der zweiten Unterüberschrift
# Zweite Überschrift
Erzeugt dieses Inhaltsverzeichnis:
Ich frage mich, ob es besser wäre, Überschriften der dritten Ebene und darunter ganz aus dem Inhaltsverzeichnis auszuschließen?
Außerdem sieht die DOM-Struktur nicht ganz richtig aus – jedes Element der zweiten Ebene ist ein <ul> mit einem einzelnen <li> darin:
4 „Gefällt mir“
Gut bemerkt. Ich bin mir nicht sicher, wie oft wir 3+ Ebenen verwenden, aber es ist möglich, sie wieder einzuführen, es sollte nicht allzu kompliziert sein.
Wieder gut bemerkt. Das war ein kleiner Fehler, er sollte behoben sein, sobald dieser PR zusammengeführt wurde.
3 „Gefällt mir“
[quote=„pmusaraj, Beitrag: 321, Thema: 111143″]
Ich bin mir nicht sicher, wie oft wir mehr als 3 Ebenen verwenden, aber es ist möglich, sie wieder einzuführen, es sollte nicht allzu kompliziert sein.
[/quote]
Wenn Sie in der Stimmung für Funktionswünsche sind, könnte die maximale Tiefe vielleicht über eine Einstellung gesteuert werden… 
5 „Gefällt mir“
Meiner Erfahrung nach funktioniert die Inhaltsverzeichnis-Funktion nur beim ersten Beitrag, aber nicht bei nachfolgenden Beiträgen. Stimmt das? Wenn ja, könnte meine Anmerkung als Funktionsanforderung behandelt werden? Übrigens, das Inhaltsverzeichnis ist auch beim ersten Beitrag eine wirklich großartige Ergänzung. R
Hallo zusammen, ich habe seit dem letzten Upgrade dieser großartigen Theme-Komponente ein Problem, aber nur auf Mobilgeräten. Wenn ich auf die Schaltfläche “Inhaltsverzeichnis” klicke, wird das Schieberegler mit dem vollständigen Inhaltsverzeichnis nicht geöffnet.
Wenn ich unter Desktop ein sehr kleines Fenster verwende, funktionieren diese Schaltfläche und der Schieberegler großartig. Es könnte also ein Problem nur unter Android sein.
Hier ist das Protokoll auf meinem aktuellen (Discourse und TOC) Forum:
Nachricht
Uncaught TypeError: Cannot read properties of null (reading 'classList')
URL: https://iunctis.fr/theme-javascripts/671f772e071bd55050592ff8541b659afe421259.js?__ws=iunctis.fr
Zeile: 36
Spalte: 49
Fensterstandort: https://iunctis.fr/t/le-mensuel-01-decembre-2021/9591
Rückverfolgung
TypeError: Cannot read properties of null (reading 'classList')
at n.showTOCOverlay (https://iunctis.fr/theme-javascripts/671f772e071bd55050592ff8541b659afe421259.js?__ws=iunctis.fr:36:49)
at e.n._join (https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:412333)
at e.n.join (https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:409358)
at h (https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:273784)
at https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:65110
at a (https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:260923)
at https://iunctis.fr/assets/vendor-96a5eaa8d436066b954c21ae5afb7f504310945c679465a2f1ba46b429a95edf.js:36:65054
at n._triggerAction (https://iunctis.fr/assets/application-945e3f0cb654a8c23b30e86f5e955be5599a8330d68ce75e97b8228ad45ff6fd.js:1:1254524)
at n.click (https://iunctis.fr/assets/application-945e3f0cb654a8c23b30e86f5e955be5599a8330d68ce75e97b8228ad45ff6fd.js:1:1254160)
Umgebung
HTTP HOSTS: iunctis.fr
Wenn ich unter Firefox Desktop eine Android-Benutzeragenten verwende, erhalte ich diese Fehlermeldung, wenn ich auf die Schaltfläche in diesem Forum klicke:
Uncaught TypeError: document.querySelector(...) is null
showTOCOverlay 4916e6ed2a984e00537fe797b799637f1a801ffe.js:374
_join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4033
join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3999
p _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2870
An _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:1147
o _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2785
An _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:1147
_triggerAction _application-2646ad3bbed41e42bb77806dc41fbea2.js:489
click _application-2646ad3bbed41e42bb77806dc41fbea2.js:488
trigger _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2560
n _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2422
_run _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4034
_join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4033
join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3999
p _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2870
handleEvent _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2574
o _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2785
handleEvent _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2574
handleEvent _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2499
setupHandler _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2524
dispatch _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:347
handle _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:342
add _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:342
Oe _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:339
each _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:123
each _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:116
Oe _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:339
on _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:358
initialize _application-2646ad3bbed41e42bb77806dc41fbea2.js:3354
initialize _application-2646ad3bbed41e42bb77806dc41fbea2.js:62
runInstanceInitializers _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2730
each _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4074
walk _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4064
each _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4056
topsort _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4056
_runInitializer _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2733
runInstanceInitializers _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2730
_bootSync _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2604
didBecomeReady _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2623
invoke _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3963
flush _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3955
flush _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3969
_end _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4032
end _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3988
_run _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4034
_join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:4033
join _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:3999
p _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2870
bind _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:2873
u _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:272
c _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:273
setTimeout handler*a/\u003c _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:274
l _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:265
fireWith _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:266
fire _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:266
l _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:265
fireWith _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:266
ready _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:283
z _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:283
EventListener.handleEvent* _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:283
\u003canonymous\u003e _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:109
\u003canonymous\u003e _vendor-64dba8b874ef11bbef3b2bce2fbcf6cc.js:109
4916e6ed2a984e00537fe797b799637f1a801ffe.js:374:18
Auf meinem Handy habe ich Chrome Version 97.0.4692, falls das hilft.
Bin ich der Einzige, der das erlebt?
2 „Gefällt mir“
Dies ist eine kürzliche Regression aufgrund einer Änderung im Kern. Ich habe eine Korrektur in FIX: Restore outlet in mobile views by pmusaraj · Pull Request #15683 · discourse/discourse · GitHub vorbereitet. Sobald diese zusammengeführt ist, können Sie Ihre Website neu erstellen und das Problem sollte behoben sein. Entschuldigung dafür.
Letzte Woche habe ich, wie von Simon oben erwähnt, die dritte Einrückungsebene für Überschriften in der Komponente wieder hinzugefügt.
Ich zögere, hier eine Einstellung hinzuzufügen, die überwiegende Mehrheit der Anwendungsfälle benötigt sie nicht. Und die Komponente hat auch Klassen für jede Ebene, sodass Sie, wenn Sie die 4. und 5. Ebene ausblenden möchten, dies mit diesem CSS tun können:
li.d-toc-h4, li.d-toc-h5 {
display:none;
}
7 „Gefällt mir“
Es ist zusammengeführt und funktioniert gut, danke!
5 „Gefällt mir“
Mir ist aufgefallen, dass das <div> am Anfang eines Themas zusätzlichen Rand eingeführt hat. Zum Beispiel:
Ich habe dies zu meinem Theme hinzugefügt, was es zu beheben scheint:
// ToC-Elemente am Anfang des Beitrags führen zu unerwünschtem
// Leerraum. Discourse setzt den oberen Rand des ersten Kindes im Beitrag
// auf Null, aber das funktioniert nicht, wenn die ToC das erste
// Kind ist. Stattdessen setzen wir den oberen Rand des Elements, das auf
// die ToC folgt, auf Null.
div[data-theme-toc="true"] + * {
margin-top: 0px;
}
Vielleicht muss etwas Ähnliches zur Komponente hinzugefügt werden?
7 „Gefällt mir“
Gut bemerkt, ich habe diese CSS-Regel in diesem PR hinzugefügt: UX: Keep core's top margin for first item in OP by pmusaraj · Pull Request #30 · discourse/DiscoTOC · GitHub
4 „Gefällt mir“
Ich habe dieses Problem in der Vergangenheit behoben, indem ich den Einbettungscode am Ende des Beitrags verschoben habe. Es fühlt sich ein wenig nach einem Hack an, aber es funktioniert.
1 „Gefällt mir“
Ich habe Beiträge, die zusätzliche DIVs in ihren Inhalten haben. Zum Beispiel On Storytelling - Workbench - Podcaster Community
Das DIV, das die TOC-Generierung auslöst, befindet sich in einem DIV… und TOC bemerkt das. Aber andere Überschriften, die sich in DIVs befinden, scheinen von TOC nicht bemerkt zu werden.
…kein optimaler Screenshot. Das ist eine H2 in einem beliebigen/nur-zur-Gestaltung-DIV, das nicht im TOC erscheint.
…nicht gezeigt ist das <div>, das den TOC auslöst, welcher sich im DIV mit dem verrückten Attribut/Wert-Paar befindet…
Stunden später aktualisiert, um hinzuzufügen: Vielleicht nur „:scope h1,“ usw. anstatt zu verlangen, dass die Überschriften direkte Kinder des Scopes sind?
…auch das wurde im März '21 erwähnt, DiscoTOC - automatic table of contents - #255
3 „Gefällt mir“