ProseMirror's open/close details list component

Overview

ProseMirror details module

This module defines an open/closeable details element that works with rich text editor based on ProseMirror.

Documentation

detailsNodes (options: DetailsNodesOptions) → Object

This function creates a set of node specs for details and summary.

DetailsNodesOptions

  • detailsGroup: string
    • A group name (something like "block") to add to the details node type.
  • detailsContent: string
    • The content expression for details node. The first child is already added in summary, and summary is optional.
  • summaryContent: string
    • The content expression for summary node. A text or inline group would be specified. Check to see if the element can be included internally as part of the HTML specification for summary element.

DetailsNode class implements NodeView

NodeView for open/close interaction. Use it in EditorView as follows:

new EditorView(document.querySelector('#editor'), {
  state,
  nodeViews: {
    details: (node, view, getPos) => new DetailsView(node, view, getPos),
  },
})
You might also like...

You can detect requested client full IP details with this package. (isp, organization, location, residential/data center, proxy, etc)

requested client ip details Install the package npm npm install @sarequl/client-ip-details yarn yarn add @sarequl/client-ip-details example with expr

Oct 13, 2022

Get Your Weather Details Now.

Get Your Weather Details Now.

Weatherly React WebApp to Get Your Weather Now Local Installation : Clone the repository: git clone https://github.com/PrajjwalDatir/Weatherly.git cd

Nov 25, 2022

A suite of utilities to add more features to the details element.

A suite of utilities to add more features to the details element.

Dec 22, 2022

A unofficial Node.js library for HoYoWiki API, can get the details of Genshin Impact items!

HoYoWiki API (Node.js Library) English | 繁體中文 | 简体中文 A unofficial Node.js library for HoYoWiki API, can get the details of Genshin Impact items! Repor

Jul 17, 2022

It's a mini project where we can search GitHub users and it will display the user repo details

It's a mini project where we can search GitHub users and it will display the user repo details

GitHub User Search It's a mini project where we can search github users and it will display the user repo details Want to see live preview » ✧ View De

Nov 25, 2022

Node module to easily lookup any pincode details in India.

pincode-india Node module to easily lookup any pincode details in India. The pincode data used in this module is provided by data.gov.in Install using

Sep 26, 2022

AweSome Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.

Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create

Aug 15, 2022

The Guard helps developers shield the details of the underlying authentication and tedious UI development

The Guard helps developers shield the details of the underlying authentication and tedious UI development

The Guard helps developers shield the details of the underlying authentication and tedious UI development. It enables enterprises and developers to quickly launch a secure, customizable UI unified login form.

Dec 19, 2022

Contracts with missing implementation details and unit tests to help guide junior solidity developers.

template-challenge-staking Contracts with missing implementation details and unit tests to help guide junior solidity developers. Getting started Open

Oct 7, 2022
Releases(v1.1.0)
A web app which help you to save you a list of your favorite books, they will be saved on your local storage to never loose them even if you close the page. Built wiht JavaScript

Awesome Books In this project I build a page to save a list of your favorites books, you can add new books, delete it and they will be saved in the lo

Williams Colmenares 9 Dec 17, 2022
The aim is to provide a hassle-free way to use the data to build applications to show close-to-realtime power-outage info in Mauritius

Mauritius Dataset for Electricity Dataset View Dataset The aim is to provide a hassle-free way to use the data to build applications. Example applicat

Sandeep Ramgolam 5 Dec 15, 2022
A simple library to view large images up close using simple mouse interaction, and the full screen.

Intense Images A stand alone javascript library for viewing images on the full, full screen. Using the touch/mouse position for panning. Here's a demo

Tim Holman 2.6k Dec 31, 2022
Elizabeth Oyinlade Ojesanmi 10 Sep 14, 2022
This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add a book, view a list of books and also remove any un wanted books.

Project Name This is a single page web application that keeps tracks of books. Book details captured are the book title, author and ISBN. User can add

Olivier 6 Nov 20, 2022
Open Harvest is a technology designed farmers to publicly share the details of their crops/land to allow all farmers to stay informed on the best crops they can grow without risking a surplus crisis.

OpenHarvest OpenHarvest is a web application designed to balance farming production in India. Farmers in India are struggling with marketing their cro

Call for Code® with The Linux Foundation 11 Dec 8, 2022
The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones!

FlashListTV The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones! Quick start: Clone this repo Cha

Douglas Lowder 4 Oct 27, 2022
A suite of utilities to add more features to the details element

A suite of utilities to add more features to the details element

Zach Leatherman 206 Dec 22, 2022
You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period.

Twitch Chat Web Page You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period. Getting Started

Mert 6 Dec 13, 2022
A NodeJs service which allows you to create a movie based on it's title (additional movie details will be fetched) and fetch all created movies.

movies-api A NodeJs service which allows you to create a movie based on it's title (additional movie details will be fetched) and fetch all created mo

Ugochukwu Ejiogu 2 Mar 27, 2022