 Slate est un monorepo divisé en plusieurs packages npm, donc pour l’installer vous faites Vous devrez également vous assurer d’installer les peer dependencies de Slate Notez que si vous préférez utiliser une version pré-packagée de Slate, vous pouvez yarn add slate et récupérer le fichier pré-packagé dist/slate. js !

Installer Slate

 D’accord, vous avez installé Slate et il est rendu sur la page, et lorsque vous y tapez, vous voyez les changements reflétés.  Mais vous voulez faire plus que simplement saisir une chaîne de texte brut.

Ajout de gestionnaires d’événements

 Dans notre exemple précédent, nous avons commencé avec un paragraphe, mais nous n’avons en réalité jamais indiqué à Slate quoi que ce soit concernant le type de bloc paragraphe .  Nous avons simplement laissé Slate utiliser son moteur de rendu interne par défaut, qui utilise un simple \<div> .

Définition d’éléments personnalisés

 Dans le guide précédent, nous avons appris à créer des types de blocs personnalisés qui affichent des morceaux de texte dans différents conteneurs.  Mais Slate permet de faire bien plus que simplement des « blocs ».

Application d'un formatage personnalisé

 Jusqu’à présent, tout ce que nous avons appris portait sur la manière d’écrire une logique ponctuelle pour votre éditeur Slate spécifique.  Mais l’un des aspects les plus puissants de Slate est qu’il vous permet de modéliser votre « domaine » de texte enrichi spécifique comme vous le souhaitez, et d’écrire moins de code ponctuel.

Exécution de commandes

 Maintenant que vous avez appris les bases de l'ajout de fonctionnalités à l'éditeur Slate, vous vous demandez peut-être comment enregistrer le contenu que vous avez modifié, afin de pouvoir revenir à votre application plus tard et le charger.  Dans ce guide, nous allons vous montrer comment ajouter une logique pour enregistrer votre contenu Slate dans une base de données afin de le stocker et de le récupérer plus tard.

Enregistrement dans une base de données

 Pour la plupart des personnes, vous voudrez installer Slate via npm , auquel cas vous pouvez suivre le guide Installation de Slate .  Mais, si vous préférez installer Slate en ajoutant simplement une balise \<script> à votre application, ce guide vous aidera.

Utilisation de la source intégrée

Introduction

Guides pas à pas

developer_term

arrow_back

product_name_01

Paracetamol

company

A type of documentation in a step-by-step format to guide users through configuration processes.

setup_guides

Your documentation's source code where all files and their history are stored. The web editor connects to your documentation repository to access and modify content, or you can edit files locally in your preferred IDE.

repositoryyyyy

TestVASVariable

Are like departments for your users. You can create different groups (like Engineers, Marketing, or Management) and assign users to them. This helps you organize your users and give them different access levels to different parts of your organization

User_Groups

Connect multiple published Spaces for easy navigation between docs (e.g., User Guides, API docs). Add links in Space settings, label them, and publish. Changes to links automatically update across connected Spaces. 

Space_Links

Think of them as folders for your Spaces. You start with one called "Spaces." Make more folders if you need them. You can add, rename, or delete folders (but only if they're empty). To put a Space in a folder, just drag it there, use the move action,

Space_Group

Containers for documents organized by teams or projects. Each account has a personal space, and organizations can create custom ones with access control.

Spaces

Building blocks for your docs. Think of them as Legos for your content. You can use them to create headings, tables, images, code snippets, and more. There are basic, media, developer, and embedded blocks to choose from.

Blocks

dasdasdasdasdasda11

dsadasd3213dd

Glossary lets you define every tricky term, then gives them a sneak peek explanation on hover... Just like I'm doing with this text right here!

Glossary

variable_test_video

variable123

silviu

Bogdan_test

ferwhethgte

target1

google

test

support

product_name

specific

var_miha

new_var_2

new_mih_var

mih_var

This is a plain text that will be inserted in an expandable heading for using this raw as an exampl

testheight

available

testulet

testvar

altscenario

This is a plain text that will be inserted in an expandable heading for using this raw as an example

scenario

exemplu

variabila

Archbee

text

refresh_token

YourBank

MyBank

SEFAS

uptempo

customerName

testName

name1

customername

apilink1-getallmethod

variable_one

capitalize

company_name_adobe

jama_2

jama_1

domain

email

product

programName

customerName1

productName

IntelliSense

GoPilot

DynamicData

JigxApp

HomeHub

JigxManagement

VSCode

JigxBuilder

Jigx

slate-gh-example

French

Table des matières

Interfaces

Nœuds

Lieux

Transformations

Opérations

Commandes

Éditeur

Plugins

Rendu

Sérialisation

Normalisation

Utilisation de TypeScript

Migration

Concepts

API de transformations

Editor API

Element API

Node API

NodeEntry API

API de texte

API de types de nœuds

API de localisation

API de chemin

PathRef API

Point API

PointEntry API

PointRef API

API de plage

RangeRef API

Span API

API des types d'emplacement

Opération API

Slate React

Historique d’ardoise

Slate Hyperscript

Bibliothèques

Ressources

Contribuer

Journal des modifications

Général