Ordered lists, flat or nested, multiple formats ordered lists.

Overview

logseq-plugin-ol

有序列表,单级或多级、多种样式的有序列表。

Ordered lists, flat or nested, multiple formats ordered lists.

使用展示 (Usage)

demo

在想要展示为有序列表的块上添加一个以 #.ol 开头的标签就可以了。有多种样式可供选择。

Add a tag starting with #.ol to display a block as an ordered list. There are multiple formats to choose from.

序号样式 (List Styles)

单级列表 (Single-Level List)

  • #.ol
  • #.ol-circle
  • #.ol-paren
  • #.ol-right-paren
  • #.ol-dun

嵌套列表 (Nested List)

  • #.ol-nested
  • #.ol-nested-right-paren

有序列表中的无序列表 (Unordered List in a Ordered List)

  • #.ul

已知问题 (Known Issues)

  • 由于是纯 CSS 解决方案,所以在聚焦进有序列表中的块时,会导致 CSS 样式链断裂,有序列表不能被正确渲染。

  • 嵌套列表的嵌套计数器是连续的,也就是说,如果嵌套列表中有单级列表,而单级列表中又有一个嵌套列表的话,这个嵌套列表的层级是从最外层的嵌套列表开始算起的。

  • Since it is a pure CSS solution, focusing into blocks in an ordered list causes the CSS style chain to break and the ordered list is not rendered correctly.

  • Nested lists have a continuous nesting counter, meaning that if there is a single-level list in a nested list and a nested list in this single-level list, the levels of this nested list is counted from the outermost nested list.

You might also like...

Markdown Transformer. Transform markdown files to different formats

Mdtx Inspired by generative programming and weed :). So I was learning Elm language at home usually in the evening and now I am missing all this gener

Jan 2, 2023

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework

BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.

Dec 25, 2022

This package enables you to define your routes using the flat-routes convention.

This package enables you to define your routes using the flat-routes convention.

Remix Flat Routes This package enables you to define your routes using the flat-routes convention. This is based on the gist by Ryan Florence 🛠 Insta

Jan 3, 2023

Lying flat is a 20 NFT collection on a custom marketplace built on Zora's protocol

Lying flat is an NFT Marketplace powered by ZORA 🌜 🌞 🌛 The codebase is open for everyone to use it as a boilerplate, customize it and deploy their

Sep 20, 2022

Simple, Fast, Secure, Flat-File CMS

Bludit Simple, Fast and Flexible CMS. Bludit is a web application to build your own website or blog in seconds, it's completely free and open source.

Dec 30, 2022

Flat and simple color-picker library. No dependencies, no jquery.

Flat and simple color-picker library. No dependencies, no jquery.

Flat and simple color-picker Fully Featured demo Features Simple: The interface is straight forward and easy to use. Practical: Multiple color represe

Nov 14, 2022

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library.

🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!

Dec 27, 2022

Simple utils to pack arrays, objects and strings to a flat object (and back again).

packrup Simple utils to pack (and unpack) arrays and strings to a flat object. Status: In Development Please report any issues 🐛 Made possible by my

Dec 23, 2022

This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs

MikroORM nested set This package is an open source extension for MikroORM, which enables Nested Set Tree for your needs Disclaimer For now, this packa

Dec 15, 2022
Comments
  • Plugin is installed multiple times

    Plugin is installed multiple times

    The idea of this plugin is great, but when I try to install: image

    And because of this: image

    And after a few minutes (while I was writing this message) this appeared: image

    opened by gioknx 3
  • 序号的圆圈太大 & 第一级内容如何标序号

    序号的圆圈太大 & 第一级内容如何标序号

    【1】圆圈序号的圆圈太大,大小和其它序号不成比例。建议把其它序号放大一点,同时把圆圈缩小。

    【2】四级大纲处的 1、 序号样式的距离,离文字似乎比其它的序号更远。

    【3】右括号那个样式,用的是英文的右括号,可否再增加一个中文的右括号呢?

    【4】当切换成如下图2的主题时,主题样式和序号结合起来,不太和谐。当然喽,这是主题的问题,不是插件的问题。这里只是反映一下情况。

    【5】第一级内容如何标序号?

    image

    fdcf9e6d61790f11b105d9c1dc19370
    opened by hdg8087 2
  • set a depth limit

    set a depth limit

    when tagging a block to be a nested ordered list, set a depth limit to auto auto stop at a nesting depth of say 2 - useful for large deep lists, so you don't have to add #.ul to each nested block beyond the desired depth.

    enhancement 
    opened by astubbs 1
Owner
Seth Yuan
Seth Yuan
Nested Sort is a JavaScript library which helps you to sort a nested list of items via drag and drop.

Nested Sort Nested Sort is a vanilla JavaScript library, without any dependencies, which helps you to sort a nested list of items via drag and drop. U

Hesam Bahrami 40 Dec 7, 2022
pre-calculated list of similar Persian words ordered by rating and best match

similar-persian-words pre-calculated list of similar Persian words ordered by rating and best match. Install npm: npm install similar-persian-words Us

peyman farahmand 6 May 29, 2022
This project focuses on increasing the efficiency of a hospital's patient waitlist by creating an algorithm to generate an ordered list of 10 patients with the highest chance of accepting an appointment offer.

Patients-Facility Technical Interview Requirements This application was built on Node.JS v12.14. It has not been tested on other versions. You will al

Rwubakwanayo Olivier 4 Mar 20, 2023
Downloads & formats all of your Roblox private messages.

Roblox Message Downloader This tool was created due to the recent news sent out by Roblox. On April 22nd, 2022, all private messages sent by Roblox be

Raincoat Games 2 Apr 7, 2022
devDependency to test feed formats for ssb-db2

ssb-feed-format A tool that you install as a devDependency to check whether your feed format for SSB is correct and ready to be installed in ssb-db2.

Secure Scuttlebutt Consortium 3 Jun 18, 2022
A javascript based whatsapp bot for downloading and sending media from youtube and facebook in different formats alongwith couple of other features.

Whatsmazan Available Features Downlaod youtube mp4 Video and send Downlaod youtube mp3 audio and send Search something from youtube Downlaod facebook

mazan labeeb 10 Oct 30, 2022
front.phone is a Javascript library that identifies, validates and formats phone numbers.

front.phone front.phone is a Javascript library that identifies, validates and formats phone numbers. Demo The main goal of this project is to create

VTEX 55 Oct 27, 2022
Random Fractals stash of Observable Data Tools 🛠️ and Notebooks 📚 in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews

Random Fractals stash of Observable Data Tools ??️ and Notebooks ?? in ES Modules .js, .nb.json, .ojs, .omd, .html and .qmd document formats for Data Previews in a browser and in VSCode IDE with Observable JS extension, Quarto extension, and new Quarto publishing tools.

Taras Novak 14 Nov 25, 2022
Formats message strings with number, date, plural, and select placeholders to create localized messages

Formats message strings with number, date, plural, and select placeholders to create localized messages. Small. Between 700 bytes and 1.3 kilobytes (m

Marcis Bergmanis 35 Oct 30, 2022
Chromium extension for displaying all the available formats of an AppleMusic album.

AppleMusic-Formats-Extension Chromium extension for displaying all the available formats of an AppleMusic album. Before Vs After How to Install? From

bunny 7 Dec 16, 2022