@ephia/dict-editor

Éditeur Rich Text (Tiptap) avec intégration dictée Ephia via @ephia/transcribe-sdk.

Installation

npm install @ephia/dict-editor @ephia/transcribe-sdk react react-dom

Utilisation

import { TranscriptionProvider, TranscriptionButton } from "@ephia/transcribe-sdk";
import { DictEditor } from "@ephia/dict-editor";
import "@ephia/dict-editor/dist/styles.css";

function App() {
  return (
    <TranscriptionProvider>
      <DictEditor
        placeholder="Écrivez ou dictez…"
        onChange={(content) => console.log(content)}
      />
      <TranscriptionButton token={token} />
    </TranscriptionProvider>
  );
}

Fonctionnalités

• Éditeur : Tiptap avec paragraphes, titres, listes, gras/italique/souligné/liens
• Dictée : Intégration TranscriptionProvider + useTranscription
• Lock : L'éditeur est verrouillé pendant l'enregistrement et le traitement
• Chunks : Un slot inline par chunk, ordre par seq, concaténation sans espace
• Opacité : Texte interim plus opaque, final normal

Sortie

L'éditeur émet du JSON Tiptap via le callback onChange.