Overview
Summary generated from the READMEAdds a text color leaf to the Slate editor in Payload. Editors choose from a predefined list of labeled colors that you configure. It is registered in the leaves array of the slateEditor admin options and targets Payload 2.x.
Features
- Text color leaf for the Slate editor
- Predefined list of colors with labels and hex values
- Configurable leaf name
- Registered through the slateEditor admin leaves option
Use cases
- Highlight brand colors in rich text content for editors
- Restrict editors to an approved color palette in Slate fields
From the author
payloadcms-slate-plugin-textcolor-leaf
Installation
npm i @wru/payloadcms-slate-plugin-textcolor-leaf5
Stars
0
Forks
1
Open Issues
2 years ago
Last Updated
0
Weekly Downloads
v0.1.0
npm Version
14.5 KB
Unpacked Size
0
Dependencies
Trends (last 90 days)
Trends appear after 7 days of data. Daily snapshots have not started yet.
Trends appear after 7 days of data. Daily snapshots have not started yet.
Each point is npm's rolling 7-day download count.
Health Score
Composite score based on GitHub activity, stars, npm downloads, publish recency, dependency count, and package size.
Badge for your README
[](https://payloaddirectory.dev/plugins/750330058-root)<a href="https://payloaddirectory.dev/plugins/750330058-root"><img src="https://payloaddirectory.dev/badge/750330058-root.svg" alt="Payload Directory"></a>README
PayloadCMS SlateEditor Leaf - TextColor
Add a simple text color picker - a predefined list - to the SlateJS editor.
Installation
yarn add @wru/payloadcms-slate-plugin-textcolor-leaf
# OR
npm i @wru/payloadcms-slate-plugin-textcolor-leaf
Usage
Add the leav to the slateEditor. For example in payload.config.ts
editor: slateEditor({
admin: {
leaves: [
wruTextColorLeaf({
name: 'color_picker',
colorList: [
{
label: 'Primary',
color: '#8BE28C',
},
{
label: 'Secondary',
color: '#87021f',
},
],
}),
],
},
}),
Similar plugins
payload lexical typography
Lexical editor features for text color, font size, letter spacing, line height and font family
571.1k/wk109v?
payloadcms lexical ext
Lexical editor features for text color, highlight, block background and YouTube or Vimeo embeds
310/wk73v?
fullscreen editor
Fullscreen mode for the Payload Lexical rich text editor
680/wk114v3
payload html editor
Tiptap-based WYSIWYG field that stores content as an HTML string in a Payload textarea field
630/wk0v3
richtext
Rich-text child block, default Lexical editor preset and JSX renderer for Atomic Payload
610/wk37v3
payload paste as markdown
Lexical editor feature for pasting raw Markdown via a toolbar button, slash command, or drawer
570/wk0v3