dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-05 05:09:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

outliner now follows the headers' inline styling

Browse Source
This commit is contained in:
CloudHill 2020-12-07 16:26:40 +07:00
parent 927ba69695
commit 67b396e511
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
mods/outliner/mod.js
View File

@ -14,7 +14,7 @@ module.exports = {
tags: ['extension', 'panel'],
name: 'outliner',
desc: 'table of contents.',
version: '1.0.0',
version: '1.1.0',
author: 'CloudHill',
options: [
{

14
mods/outliner/panel.js
View File

@ -69,16 +69,18 @@ module.exports = (store, __exports) => {
const pageContent = document.querySelector('.notion-page-content');
const headerBlocks = pageContent.querySelectorAll('[class*="header-block"]');
headerBlocks.forEach(block => {
const blockId = block.dataset.blockId.replace(/-/g, '');
const placeholder = block.querySelector('[placeholder]').getAttribute('placeholder');
const header = createElement(`
headerBlocks.forEach(header => {
const blockId = header.dataset.blockId.replace(/-/g, '');
const headerEl = header.querySelector('[placeholder]');
const placeholder = headerEl.getAttribute('placeholder');
const outlineHeader = createElement(`
<div class="outline-header" header-level="${placeholder.slice(-1)}">
<a href="${window.location.pathname}#${blockId}"
outline-placeholder="${placeholder}">${block.innerText}</a>
outline-placeholder="${placeholder}">${headerEl.innerHTML}</a>
</div>
`);
outline.append(header);
outline.append(outlineHeader);
})
}