slate-hyperscript

What is slate-hyperscript?

The slate-hyperscript package is a utility for creating Slate.js editor content using a hyperscript syntax. It allows developers to define the structure of their editor content in a more readable and declarative way.

What are slate-hyperscript's main functionalities?

Creating Elements

This feature allows you to create elements in the Slate editor using JSX-like syntax. The example demonstrates how to create a paragraph element with some text.

<jsx>
  <element type="paragraph">
    <text>Some text in a paragraph.</text>
  </element>
</jsx>

Creating Text Nodes

This feature allows you to create text nodes with specific properties. The example shows how to create a text node with bold formatting.

<jsx>
  <text bold={true}>Bold text</text>
</jsx>

Creating Nested Structures

This feature allows you to create nested structures within the editor content. The example demonstrates how to create a paragraph containing a link element.

<jsx>
  <element type="paragraph">
    <text>Some text in a paragraph with a </text>
    <element type="link" url="https://example.com">
      <text>link</text>
    </element>
    <text>.</text>
  </element>
</jsx>

Other packages similar to slate-hyperscript

slate

The slate package is the core library for the Slate.js framework. It provides the foundational tools for building rich text editors, but does not include the hyperscript syntax for creating content. Instead, it focuses on the core editor functionality and data structures.

draft-js

Draft.js is a framework for building rich text editors in React, developed by Facebook. It offers a different approach to creating and managing editor content compared to Slate.js and does not use a hyperscript syntax. Instead, it uses a more traditional JavaScript API for defining content.

prosemirror

ProseMirror is another rich text editor framework that provides a highly customizable and extensible architecture. It does not use a hyperscript syntax but offers a robust schema-based approach to defining document structures and content.

README

This package contains a hyperscript helper for creating Slate documents with JSX!