SuperPrint Application web professionnelle de PAO (Publication Assistée par Ordinateur) Professional web-based Desktop Publishing (DTP) application

42 692

Lignes de code

Lines of code

475+

Fonctions nommées

Named functions

Catégories

Architecture

Structure des fichiers

File Structure

SUPERPRINT12master/
├── index.html              ─ SPA principale (~3 000 lignes), modales, toolbar, sidebars
├── documentation.html      ─ Ce fichier / This file
├── ai-proxy.php            ─ Proxy serveur pour les APIs IA (CORS + clés)
├── service-worker.js       ─ PWA offline caching (network-first)
├── manifest.webmanifest    ─ PWA manifest
├── robots.txt / sitemap.xml
├── JS/
│   ├── main.js             ─ Logique applicative complète (42 692 lignes)
│   ├── simple-pen-tool.js  ─ Module outil plume standalone
│   ├── mobile-widgets.js   ─ Widgets mobiles
│   ├── fabric.min.js       ─ Fabric.js 5.3.0
│   ├── jspdf.umd.min.js   ─ Génération PDF
│   ├── jszip.min.js        ─ Gestion ZIP (IDML, ODT, .sp)
│   ├── pdf.min.js          ─ PDF.js (import PDF)
│   ├── paper-full.min.js   ─ Paper.js (opérations booléennes)
│   ├── mammoth.min.js      ─ Conversion DOCX → HTML
│   ├── hypher.js           ─ Moteur de césure
│   └── hyphenation-*.js    ─ Dictionnaires césure (fr, en, de, es, it)
├── CSS/
│   ├── main.css            ─ Feuille de styles principale
│   └── mobile-widgets.css  ─ Styles mobiles
├── SP/                     ─ Assets & templates
└── icons/                  ─ Icônes PWA

Stack technique

Technical Stack

Bibliothèque	Library	Version	Rôle
Fabric.js	5.3.0	Moteur de rendu canvas (objets, texte, images, événements)	Canvas rendering engine (objects, text, images, events)
jsPDF	2.x	Génération PDF multi-pages avec fond perdu	Multi-page PDF generation with bleed
JSZip	3.x	Gestion fichiers ZIP (import IDML/ODT, format .sp)	ZIP file handling (IDML/ODT import, .sp format)
PDF.js	3.x	Rendu PDF pour import page par page	PDF rendering for page-by-page import
Paper.js	0.12	Opérations booléennes de tracés (Pathfinder)	Boolean path operations (Pathfinder)
Mammoth.js	1.x	Conversion DOCX → HTML	DOCX to HTML conversion
Hypher	0.2	Moteur de césure (5 langues)	Hyphenation engine (5 languages)

Partie 1 — Catalogue des fonctions 475+

Part 1 — Function Catalog 475+

3.1 Gestion des pages 3.1 Page Management 16

#	Fonction	Function	Ligne	Type	Paramètres	Params
1	createNewPage	8728	decl	—	Crée une page vierge et l'ajoute au document	Creates a new blank page and appends it
2	renderAllPages	3742	decl	—	Détruit les canvas existants et recrée tous les conteneurs de pages	Destroys existing canvases and re-creates all page containers
3	createPageCanvas	3864	decl	container, index, width, height, position	Crée un canvas Fabric pour une page simple	Creates a Fabric canvas for a single page
4	goToPage	830	decl	pageIndex	Fait défiler la vue vers une page spécifique	Scrolls viewport to a specific page
5	updatePage	23796	decl	—	Met à jour l'affichage de la page courante	Updates the current page display/indicator
6	changePage	23802	decl	delta	Navigue en avant/arrière de delta pages	Navigate forward/backward by delta pages
7	updatePageIndicator	15395	decl	—	Met à jour le badge de numéro de page dans l'UI	Updates the page number UI badge
8	getCurrentPageIndex	17481	decl	—	Retourne l'index de la page active	Returns the index of the currently active page
9	getActiveCanvas	8696	decl	—	Retourne le canvas Fabric actuellement actif	Returns the currently active Fabric canvas
10	drawMargins	8735	decl	canvas, pageWidth, pageHeight	Dessine les repères de marge et de fond perdu	Draws margin/bleed guide lines on a canvas
11	saveAllPages	6785	decl	—	Sérialise tous les canvas en JSON	Serializes all page canvases to JSON
12	applySelectionHighlightAfterRender	3850	decl	—	Surligne la page active en mode planche après le rendu	Highlights the active spread page after render
13	duplicateObject	15369	decl	—	Duplique l'objet sélectionné	Duplicates the currently selected object
14	calculateImposition	17496	decl	numPages	Calcule l'ordre d'imposition (cahier)	Calculates imposition (booklet) page order
15	closeImpositionModal	17552	decl	—	Ferme la modale d'imposition	Closes the imposition configuration modal
16	closeManualModal	17566	decl	—	Ferme la modale d'imposition manuelle	Closes the manual imposition modal

3.2 Canvas / Fabric.js Core 3.2 Canvas / Fabric.js Core 25

#	Fonction	Function	Ligne	Type	Params	Description FR
1	setupCanvasEvents	4128	decl	canvas, index	Attache tous les gestionnaires d'événements Fabric à un canvas	Attaches all Fabric event handlers to a canvas
2	setupCrossBlockDragSelection	5896	IIFE	—	Active la sélection de texte par glissement cross-textbox	Enables cross-textbox text drag selection
3	renderVerticalHandle	1012	decl	ctx, left, top, styleOverride, fabricObject	Rend une poignée de redimensionnement verticale	Renders a vertical resize control
4	renderHorizontalHandle	1032	decl	ctx, left, top, styleOverride, fabricObject	Rend une poignée de redimensionnement horizontale	Renders a horizontal resize control
5	renderCornerHandle	1052	decl	ctx, left, top, styleOverride, fabricObject	Rend une poignée de coin	Renders a corner resize control
6	getCanvasPoint	1073	decl	canvas, eventData	Convertit un événement souris/touch en coordonnées canvas	Converts mouse/touch event to canvas coordinates
7	createTextboxControls	1632	decl	—	Crée les contrôles de redimensionnement personnalisés des Textbox	Creates custom Fabric textbox resize controls
8	actionHandlerML/MR/MT/MB	1301–1450	decl	eventData, transformData, x, y	Gestionnaires de redimensionnement par poignée (gauche, droite, haut, bas)	Resize handle action handlers (left, right, top, bottom)
9	createCornerHandler	1497	decl	cornerType	Fabrique de gestionnaires de coin	Factory for corner resize handlers
10	commonMouseUpHandler	1582	decl	eventData, transformData	Gestionnaire commun après toute transformation	Common handler after any transform completes
11	getObjectBounds	1166	decl	obj	Retourne le bounding box d'un objet Fabric	Returns bounding box of a Fabric object
12	setObjectFromBounds	1225	decl	obj, bounds	Positionne/dimensionne un objet depuis un bounding box	Sets object position/size from bounding box
13	optimizedRender	3270	decl	canvas, delay=0	Rendu canvas avec debounce/pooling	Debounced/pooled canvas render
14	serializeObject	6796	decl	obj	Sérialise un objet Fabric en JSON	Serializes a single Fabric object to JSON
15	onCanvasLoaded	9138	decl	—	Initialisation post-chargement du canvas	Post-load canvas initialization
16	_postLoadCanvas	9152	decl	fabricCanvas, isSpread	Traitement des objets après chargement JSON	Processes objects after canvas JSON load
17	spApplyFigmaControls	1807	window	textbox	Applique les contrôles style Figma à une Textbox	Applies Figma-like resize controls to textbox
18	deepCleanupCanvas	3655	decl	fabricCanvas	Nettoyage profond du canvas (GPU, mémoire, listeners)	Deep cleanup of canvas GPU/memory

3.3 Zoom 6

#	Function	Line	Type	Params	Description FR	Description EN
1	applyZoom	19407	decl	—	Applique le niveau de zoom via CSS transform + MàJ DPR	Applies zoom level via CSS transform + DPR update
2	setInitialZoom	19435	decl	—	Calcule et applique le zoom initial adapté au viewport	Calculates and sets zoom to fit viewport
3	normalizeZoomLevel	19401	decl	—	Clamp le zoom dans la plage valide	Clamps zoom to valid min/max range
4	_updateCanvasDPRForZoom	19377	decl	—	Ajuste le DPR des canvas selon le zoom pour un texte net	Adjusts canvas DPR based on zoom for sharp text
5	handleWheelZoom	19484	arrow	event	Gestionnaire zoom molette (Ctrl+scroll)	Mouse wheel zoom handler (Ctrl+scroll)
6	handleZoomShortcut	17637	decl	e	Raccourcis clavier de zoom (Ctrl+/Ctrl-)	Keyboard zoom shortcuts (Ctrl+/Ctrl-)

3.4 Historique / Undo-Redo 3.4 History / Undo-Redo 11

#	Function	Line	Type	Params	Description FR	Description EN
1	saveState	8941	decl	action	Sauvegarde l'état courant dans l'historique d'annulation	Saves current state to undo history
2	saveStateFromPages	8994	decl	action	Sauvegarde l'état directement depuis le tableau pages	Saves state from pages array directly
3	undo	9028	decl	—	Annule la dernière action	Undo last action
4	redo	9034	decl	—	Rétablit la dernière action annulée	Redo last undone action
5	restoreState	9045	decl	state	Restaure un état sauvegardé	Restores a saved history state
6	_doRestoreState	9059	decl	state	Logique interne de restauration d'état	Internal state restoration logic
7	_fastRestoreCanvases	9122	decl	—	Restauration rapide des canvas sans re-rendu complet	Fast canvas restoration without full re-render
8	updateHistoryPanel	9309	decl	—	Met à jour le panneau UI d'historique	Updates the undo/redo history UI panel
9	debouncedSaveState	746	decl	action	Sauvegarde d'état avec debounce (évite les sauvegardes rapides)	Debounced state save (avoids rapid saves)
10	_spRestoreSaveHistory	3546	decl	—	Restaure l'historique de sauvegarde depuis IndexedDB	Restores save history from IndexedDB
11	_spRestoreSaveHistoryFallback	3599	decl	—	Restauration de secours en cas d'erreur	Fallback history restoration on error

3.5 Texte / Typographie 3.5 Text / Typography 48

#	Function	Line	Type	Params	Description FR	Description EN
1	forceTextRecalc	1080	decl	target	Force le recalcul de la mise en page du texte	Forces text layout recalculation
2	spLockTextboxDimensions	1132	decl	textObj	Verrouille les dimensions d'une textbox	Locks textbox width/height to prevent resize
3	spGraphemeSplit	1879	decl	str	Découpe une chaîne par clusters de graphèmes	Splits string by grapheme clusters
4	getFontDecl	1888	decl	obj	Retourne la déclaration CSS de police	Gets CSS font declaration string
5	getMaxFontSizeFromStyles	1899	decl	obj	Retourne la taille de police max depuis les styles inline	Gets max font size from inline styles
6	measureRawWithFont	1997	decl	obj, text, fontSize, fontWeight, fontFamily	Mesure la largeur du texte avec une police explicite	Measures text width with explicit font params
7	fallbackHyphenate	2067	decl	word	Césure basique par syllabes (fallback)	Basic syllable-based hyphenation fallback
8	spForceInlineStyleRewrap	2735	decl	textbox	Force le ré-enveloppement avec styles inline	Forces rewrap respecting inline styles
9	spForceTextboxRewrap	2827	decl	textbox	Force un ré-enveloppement complet de la textbox	Forces complete textbox rewrap
10	addSpecialTextObjectsToCanvas	3024	decl	fabricCanvas, pageIndex, position	Ajoute les numéros de page automatiques	Adds auto page numbers to canvas
11	restoreTextboxAfterLoad	3154	decl	obj	Restaure les propriétés SP d'une textbox après chargement JSON	Restores textbox SP properties after JSON load
12	applyTextboxClipPath	3197	decl	textbox	Applique un clip path pour masquer le débordement	Applies clip path to hide overflow
13	applyTextStyleToSelection	26801	decl	style, value	Applique un style de texte à la sélection	Applies a text style to current selection
14	toggleButton	26830	decl	style	Bascule gras/italique/souligné	Toggles bold/italic/underline
15	applyHyphenation	20651	decl	mode	Définit le mode de césure (auto/manuel/aucun)	Sets hyphenation mode (auto/manual/none)
16	toggleScript	20924	decl	type	Bascule exposant/indice	Toggles superscript/subscript
17	transformCase	20948	decl	mode	Transforme la casse (MAJ/min/Titre)	Transforms text case (upper/lower/title)
18	addText	11033	decl	—	Active l'outil de création de texte (dessiner-pour-créer)	Activates text creation tool (draw-to-create)
19	createSimpleTextBox	11183	decl	canvas, left, top, width, height	Crée une zone de texte à la position/taille donnée	Creates a text box at given position/size
20	applyFixedHeightProtection	11142	decl	textbox	Empêche la textbox de grandir automatiquement en hauteur	Prevents textbox from auto-growing height
21	applyCrossBlockStyle	16399	decl	styleProps	Applique un style à la sélection cross-block	Applies style to cross-block text selection
22	ensureCrispText	12217	decl	tb	Assure un rendu texte net au sous-pixel	Ensures crisp subpixel text rendering
23	softHyphenateWord	28359	decl	word	Insère des césures optionnelles dans un mot	Soft-hyphenates a single word
24	forceFontRefresh	18618	decl	obj, canvas	Force le rechargement de la police d'un objet	Forces font refresh for an object

3.6 Système de chaînage de texte 3.6 Text Chaining System 60+

Système de chaînage de texte de type InDesign : le texte débordant d'un bloc est automatiquement distribué dans les blocs liés suivants, y compris sur d'autres pages. Les styles inline sont préservés à travers la chaîne.

InDesign-style text chaining system: overflow text is automatically distributed to linked blocks, including across pages. Inline styles are preserved through the chain.

#	Function	Line	Type	Params	Description FR	Description EN
1	checkTextOverflow	11566	decl	canvas	Vérifie le débordement de toutes les textbox du canvas	Checks all textboxes on canvas for overflow
2	updateOverflowIndicator	11657	decl	textbox, canvas	Affiche/masque l'indicateur de débordement	Shows/hides overflow indicator on textbox
3	propagateBaseStyleToChain	11806	decl	obj, styleProps	Propage le style de base à toute la chaîne	Propagates base style to all chain blocks
4	cleanupChainOnBlockDelete	11843	decl	obj	Nettoie les liens de chaîne lors de la suppression d'un bloc	Cleans chain links when a block is deleted
5	_redistributeWithStyles	12013	decl	chain, fullText, allStyles	Redistribue le texte+styles à travers la chaîne	Redistributes text+styles across chain
6	redistributeLinkedTextChain	12110	decl	obj	Redistribue le texte dans tous les blocs liés	Reflows text across all linked blocks
7	getFittingTextIndex	12230	decl	textbox, fullText	Trouve combien de texte tient dans une textbox	Finds how much text fits in a textbox
8	flowTailAcrossPages	12347	async	tailText, sourceObj, sourceCanvas, pageIndex	Distribue le texte excédentaire sur les pages suivantes	Flows overflow text to new pages
9	autoFlowTextToNextPage	12422	decl	textObj, canvas, pageIndex	Auto-flow du débordement vers la page suivante	Auto-flows overflow to next page
10	createLinkedTextBlock	12447	decl	sourceObj, sourceCanvas, targetCanvas, targetPageIdx	Crée un nouveau bloc lié sur la page cible	Creates a new linked block on target page
11	findFirstBlockInChain	15613	decl	textObj	Remonte au premier bloc d'une chaîne	Walks backward to first block in chain
12	buildLinkedChain	15668	decl	firstBlock	Construit le tableau ordonné de tous les blocs d'une chaîne	Builds ordered array of all chain blocks
13	findBlockById	15700	decl	textLinkId	Trouve une textbox par son textLinkId	Finds a textbox by its textLinkId
14	addOrUpdateChainBadge	15712	decl	tb, color	Ajoute/met à jour le badge d'index de chaîne	Adds/updates chain index badge on textbox
15	updateLinkArrowsForChain	15776	decl	startObj	Redessine les flèches de liaison pour toute la chaîne	Redraws link arrows for entire chain
16	drawCrossBlockHighlight	16050	decl	tb, fromChar, toChar	Dessine la surbrillance sur une plage de texte cross-bloc	Draws highlight overlay on a block range
17	getCrossBlockSelectedText	16279	decl	—	Retourne le texte sélectionné à travers les blocs	Returns selected text across blocks
18	breakTextLink	16642	decl	—	Rompt un lien entre deux blocs connectés	Breaks a link between two connected blocks
19	autoLinkTextBlocks	16823	decl	—	Lie automatiquement les textbox sélectionnées dans l'ordre	Auto-links selected textboxes in order
20	createThreeColumnLinkedText	17113	decl	—	Crée une mise en page à 3 colonnes liées	Creates a 3-column linked text layout

3.7 Import / Export 3.7 Import / Export 35

#	Function	Line	Type	Params	Description FR	Description EN
1	importSVG	10306	decl	—	Importe un fichier SVG via sélecteur de fichier	Imports SVG file via file picker
2	flowHtmlIntoPages	21420	async	html, startPageIndex	Importe du contenu HTML dans les pages	Imports HTML content into pages
3	importWordDocument	39630	async	file, startPageIndex	Importe un document Word .docx	Imports Word .docx document
4	extractOdtHtml	21688	decl	arrayBuffer	Extrait le HTML d'un fichier ODT	Extracts HTML from ODT file
5	importScribusFile	21928	decl	xmlStr	Importe un fichier Scribus .sla (XML)	Imports Scribus .sla XML file
6	processIdmlZip	22202	async	file	Traite un fichier InDesign IDML	Processes InDesign IDML zip
7	parseIdmlAndBuild	22330	async	zip, fontsMap, imagesMap	Parse la structure IDML et construit les pages	Parses IDML structure and builds pages
8	importPDFPages	39734	async	pageNumbers, recadrageMode	Importe des pages PDF sélectionnées	Imports selected pages from a PDF
9	showPDFImportModal	39331	async	file	Affiche la modale d'import PDF avec aperçus	Shows the PDF import dialog with previews
10	renderPageToImageWithBleed	25329	async	pageIndex, position, quality, bleed, ...	Rend une page en image pour l'export (avec fond perdu)	Renders a page to image for export (with bleed)
11	confirmExport	23935	async	—	Confirme et exécute l'export PDF	Confirms and executes standard PDF export
12	exportImposedPDF	25020	async	—	Exporte un PDF imposé (cahier/livret)	Exports imposed/booklet PDF
13	confirmD4Export	23644	async	—	Export D4/Print-to-Web (mini-site HTML en ZIP)	D4/Print-to-Web export (HTML mini-site in ZIP)
14	saveProjectLocal	41273	window	—	Sauvegarde le projet en JSON local	Saves project to local JSON file
15	saveProjectWeb3	41305	async	—	Sauvegarde le projet sur Web3/IPFS	Saves project to Web3/IPFS
16	saveProjectSP	41436	window	—	Sauvegarde au format .sp (archive ZIP)	Saves project in .sp format (zip)
17	loadProjectSP	41552	window	fileContent	Charge un fichier projet .sp	Loads a .sp project file

3.8 Interface / Panneaux 3.8 UI / Panels 35

#	Function	Line	Type	Params	Description FR	Description EN
1	toggleSidebar	120	decl	side	Bascule la barre latérale gauche/droite	Toggles left/right sidebar collapse
2	showPageLoader	768	decl	message	Affiche l'overlay de chargement	Shows loading overlay with message
3	hidePageLoader	784	decl	—	Masque l'overlay de chargement	Hides loading overlay
4	updateLayersPanel	15273	decl	—	Met à jour le panneau couches/objets	Updates the layers/objects panel UI
5	updateTransformPanel	9354	decl	—	Met à jour le panneau de propriétés de transformation	Updates the transform properties panel
6	applyTransform	9554	decl	—	Applique les valeurs de transformation depuis les inputs	Applies transform values from panel inputs
7	applyColors	9645	decl	—	Applique les couleurs fond/contour depuis le panneau	Applies fill/stroke colors from panel
8	rgbToCMYK	19772	decl	hex	Convertit une couleur hex RGB en valeurs CMYK	Converts hex RGB to CMYK values
9	setupShapesDropdown	9876	decl	—	Initialise le menu déroulant des formes	Initializes shapes dropdown menu
10	setupImportDropdown	9914	decl	—	Initialise le menu déroulant d'import	Initializes import dropdown menu
11	initNumberSpinners	588	decl	root	Initialise les inputs numériques avec boutons +/-	Initializes numeric spinner inputs
12	showTooltipAt	13195	decl	x, y, text	Affiche un tooltip à une position écran	Shows tooltip at screen position
13	enablePerformanceMode	18614	decl	enabled	Active/désactive le mode haute performance	Toggle performance mode UI

3.9 Pages maîtresses 3.9 Master Pages 3

#	Function	Line	Type	Params	Description FR	Description EN
1	applyMasterToPage	26141	decl	pageIndex, masterId	Applique un gabarit à une page	Applies a master page template to a page
2	openMasterEditor	26222	decl	masterId	Ouvre l'éditeur de page maîtresse	Opens the master page editor
3	closeMasterEditor	26331	decl	—	Ferme l'éditeur de page maîtresse	Closes the master page editor

3.10 Mode planche (Spread) 3.10 Spread Mode 22

#	Function	Line	Type	Params	Description FR	Description EN
1	createSpreadCanvas	6889	decl	container, leftIdx, rightIdx, w, h	Crée un canvas double-page (planche)	Creates a double-page spread canvas
2	loadSpreadContent	7090	decl	fabricCanvas, leftIdx, rightIdx	Charge le contenu des pages dans la planche	Loads page content into spread
3	setupSpreadEventHandlers	7213	decl	fabricCanvas, leftIdx, rightIdx	Attache les gestionnaires d'événements spécifiques au spread	Attaches spread-specific event handlers
4	saveSpreadContent	7443	decl	fabricCanvas, leftIdx, rightIdx	Sauvegarde le contenu du spread dans le tableau pages	Saves spread content back to pages array
5	addSpreadGuides	7632	decl	fabricCanvas, w, h, bleedPx, forceRecreate	Ajoute les repères de marge/gouttière au spread	Adds margin/gutter guides to spread
6	convertSpreadToSingle	7857	decl	—	Convertit la vue planche en pages simples	Converts spread view back to single pages
7	handleSpreadPageOverflow	7943	decl	canvas, pageIdx, obj	Gère le débordement d'objets au-delà de la limite du spread	Handles object crossing spread boundary
8	createSpreadMirrorObject	8080	decl	sourceObj, sourceCanvas, ...	Crée un miroir d'objet sur la page adjacente	Creates mirror of object on adjacent page
9	syncMirrorWithSource	8455	decl	sourceObj	Synchronise l'objet miroir avec sa source	Syncs mirror object with its source
10	checkAllObjectsForSpreadOverflow	8598	decl	—	Re-vérifie tous les objets pour le débordement de spread	Re-checks all objects for spread overflow

3.11 Outils (Dessin, Formes, Images, Masques, Recadrage, Booléens) 3.11 Tools (Drawing, Shapes, Images, Masks, Crop, Booleans) 80+

Dessin & Outil plume

Drawing & Pen Tool

#	Function	Line	Params	Description FR	Description EN
1	activateFreeformDrawing	10224	—	Active le mode dessin libre (pinceau)	Activates freeform brush drawing mode
2	activatePenTool	10326	—	Active l'outil plume Bézier	Activates the Bézier pen tool
3	penMouseDown / penMouseMove / penMouseUp	10365–10500	e	Gestionnaires souris de l'outil plume	Pen tool mouse handlers
4	buildSVGPath	10687	points, closePath	Construit une chaîne SVG path à partir de points	Builds SVG path string from points
5	finalizePenPath	10734	closePath	Finalise le tracé plume en objet Fabric	Finalizes pen path into Fabric object
6	editExistingPenPath	10812	pathObject	Entre en mode édition d'un tracé existant	Enters edit mode for existing path

Formes

Shapes

#	Function	Line	Params	Description FR	Description EN
1	addRect	9744	—	Ajoute un rectangle	Adds a rectangle
2	addCircle	9778	—	Ajoute un cercle/ellipse	Adds a circle/ellipse
3	addStar	9822	—	Ajoute une étoile	Adds a star shape

Images & Masquage

Images & Masking

#	Function	Line	Params	Description FR	Description EN
1	addImage	12622	—	Ouvre le sélecteur de fichier pour ajouter une image	Opens file picker to add an image
2	importImageIntoShape	12552	shapePath, canvas	Importe une image dans un masque de forme	Imports image into a shape mask
3	applyImageMaskToShape	13514	shapeObj, imageObj, canvas, url	Applique une image comme remplissage masqué	Applies image as fill to shape mask
4	fitImageToShape	13827	shapeObj, canvas, mode, options	Adapte l'image à la forme (cover/contain)	Fits image to shape (cover/contain)
5	openCropModal	14294	imageObjOverride	Ouvre la modale de recadrage	Opens the crop modal
6	applyCrop	15054	—	Applique le recadrage en cours	Applies current crop to image
7	replaceImageForObject	12979	imageObj, opts	Remplace la source d'image d'un objet	Replaces image source for an object
8	restoreImageMasksAfterLoad	13225	canvas	Restaure les masques d'image après chargement JSON	Restores image masks after JSON load

Opérations booléennes (Pathfinder)

Boolean Operations (Pathfinder)

#	Function	Line	Params	Description FR	Description EN
1	uniteShapes	40277	objects	Union booléenne de formes	Boolean unite (union) of shapes
2	subtractShapes	40281	objects	Soustraction booléenne	Boolean subtract of shapes
3	intersectShapes	40285	objects	Intersection booléenne	Boolean intersect of shapes
4	excludeShapes	40289	objects	Exclusion booléenne (XOR)	Boolean exclude (XOR) of shapes
5	applyPathfinderOperation	39997	operation	Applique l'opération Pathfinder sélectionnée	Applies selected pathfinder boolean op

Épreuvage écran (Soft Proofing)

Soft Proofing

#	Function	Line	Params	Description FR	Description EN
1	applySoftProof	10153	proof	Applique un profil ICC d'épreuvage aux canvas	Applies ICC soft proof to canvases
2	updateActiveSoftProof	10190	—	Met à jour le profil d'épreuvage actif	Updates which soft proof is active

3.12 Sélection / Alignement 3.12 Selection / Alignment 8

#	Function	Line	Params	Description FR	Description EN
1	alignSelectedObjects	27293	direction	Aligne plusieurs objets sélectionnés	Aligns multiple selected objects
2	alignObject	15213	align	Aligne un objet sur le plan de travail	Aligns single object on artboard
3	centerObjectOnArtboard	33503	axis	Centre l'objet sur le plan de travail (H/V/les deux)	Centers object on artboard (H/V/both)
4	altDuplicateSingle	6220	canvas, target	Duplication Alt+glisser (objet unique)	Alt+drag duplicate single object
5	handleCrossPageDrag	6312	e, sourceCanvas	Gère le glisser d'objets entre pages	Handles drag of object across page boundaries
6	moveObjectToPage	6704	obj, sourceCanvas, sourceIdx, targetIdx	Déplace un objet vers une autre page	Moves object to another page

3.13 i18n / Localization 5

#	Function	Line	Params	Description FR	Description EN
1	_t	30959	sel, key	Traduit le contenu texte d'un élément	Translates text content of element
2	_tt	30964	sel, key	Traduit le tooltip d'un élément	Translates tooltip of element
3	_th	30969	sel, key	Traduit le innerHTML d'un élément	Translates innerHTML of element
4	_npUpdateLabels	31120	—	Met à jour les labels de la modale Nouveau projet	Updates new project modal labels
5	filterAssetsByLang	35873	lang	Filtre les assets par langue	Filters assets panel by language

3.14 IndexedDB / Stockage 3.14 IndexedDB / Storage 21

#	Function	Line	Params	Description FR	Description EN
1	openDB	40695	—	Ouvre/crée la base IndexedDB (SuperPrintDB V2)	Opens/creates IndexedDB database
2	autoSaveProject	40715	—	Sauvegarde automatique dans IndexedDB	Auto-saves project to IndexedDB
3	loadAutoSavedProject	40775	—	Charge le projet auto-sauvegardé	Loads auto-saved project from IndexedDB
4	clearAutoSave	40793	—	Supprime la sauvegarde automatique	Clears auto-save data
5	pushSaveHistory	40815	type	Ajoute une entrée dans l'historique de sauvegarde	Pushes save entry to history
6	saveSessionHistory	40909	—	Sauvegarde l'historique undo/redo de session	Saves undo/redo session history
7	loadSessionHistory	40934	—	Charge l'historique undo/redo de session	Loads undo/redo session history
8	startAutoSave	40952	—	Démarre le timer de sauvegarde automatique	Starts auto-save interval timer
9	uploadToIPFS	40425	apiKey, jsonData	Upload le projet sur IPFS via Pinata	Uploads project to IPFS via Pinata
10	loadWeb3Save	40452	hash	Charge un projet depuis IPFS par hash	Loads project from IPFS by hash

3.15 Nouveau projet 3.15 New Project 12

#	Function	Line	Params	Description FR	Description EN
1	newProject	41012	—	Propose de sauvegarder puis lance un nouveau projet	Prompts to save then starts new project
2	openNewProjectModal	41027	—	Ouvre la modale de nouveau projet	Opens the new project modal
3	createNewProjectFromModal	41118	—	Crée le projet avec les paramètres de la modale	Creates project with modal settings
4	npSelectFormat	41062	btn	Sélectionne un format de page prédéfini	Selects a page format preset
5	npUpdatePreview	41081	—	Met à jour l'aperçu de format	Updates the format preview thumbnail
6	npSetViewMode	41111	mode	Définit le mode de vue (simple/planche)	Sets view mode (single/spread)

3.16 Performance / Cleanup 11

#	Function	Line	Params	Description FR	Description EN
1	enableHighPerformance	3345	—	Active le mode rendu haute performance	Enables high-performance rendering mode
2	deepCleanupCanvas	3655	fabricCanvas	Nettoyage profond du canvas (GPU/mémoire/listeners)	Deep cleanup of canvas GPU/memory/listeners
3	preloadFonts	3364	—	Précharge toutes les polices disponibles	Preloads all available fonts
4	optimizeForTypography	3413	—	Désactive temporairement les animations pour les opérations texte	Temporarily disables animations for text ops
5	_spReleaseMemoryPressure	369	aggressive	Libère la pression mémoire GPU/RAM	Releases GPU/memory pressure
6	init	3432	—	Initialisation principale de l'application	Main application initialization

3.17 Utilitaires 3.17 Utilities 27

#	Function	Line	Params	Description FR	Description EN
1	mmToPx	3282	mm	Conversion millimètres → pixels (72 DPI)	Millimeters to pixels (72 DPI)
2	pxToMm	3283	px	Conversion pixels → millimètres	Pixels to millimeters
3	pxToCm / cmToPx	3284–3303	val	Conversion pixels ↔ centimètres	Pixels ↔ centimeters conversion
4	inToPx / pxToIn	3304–3305	val	Conversion pixels ↔ pouces	Pixels ↔ inches conversion
5	getPxToUnitFn	3309	—	Retourne la fonction de conversion pour l'unité en cours	Returns conversion fn for current unit
6	getPageCenter	812	canvas	Retourne le centre de la page active	Gets center point of active page
7	toNumber	28247	v, defVal	Convertit en nombre avec fallback	Converts value to number with fallback
8	clamp	28251	n, min, max	Borne un nombre dans un intervalle	Clamps number to range
9	sanitizeColor	28253	c, def	Assainit une chaîne couleur	Sanitizes color string
10	setupEventListeners	18775	—	Configuration maître de tous les écouteurs clavier/souris	Master keyboard/mouse event listener setup
11	startSystemMonitoring	308	—	Démarre le monitoring des ressources système	Starts system resource monitoring

3.18 Grilles / Repères 3.18 Grids / Guides 9

#	Function	Line	Params	Description FR	Description EN
1	setSnapToGuidesEnabled	22969	next	Active/désactive l'aimantation aux repères	Toggles snap-to-guides
2	getGridSettings	22982	—	Retourne les paramètres de grille actuels	Returns current grid settings
3	buildLayoutGridForArea	23015	canvas, area, settings	Construit la grille de colonnes/rangées	Builds column/row layout grid
4	buildBaselineGridForArea	23049	canvas, area, settings	Construit la grille de ligne de base typographique	Builds typographic baseline grid
5	applyGridToCanvas	23067	canvas, settings	Applique les paramètres de grille à un canvas	Applies grid settings to a canvas
6	rebuildGridAll	23112	—	Reconstruit la grille sur toutes les pages	Rebuilds grid on all pages

3.19 Caractères spéciaux / Glyphes 3.19 Special Characters / Glyphs 8

#	Function	Line	Params	Description FR	Description EN
1	spInsertSpecialChar	33162	charToInsert	Insère un caractère spécial au curseur	Inserts a special character at cursor
2	openGlyphsModal	33298	—	Ouvre la modale de glyphes/caractères spéciaux	Opens the glyphs/special chars modal
3	populateGlyphsGrid	33354	—	Remplit la grille de glyphes pour la police active	Populates the glyph grid for current font
4	glyphsInsertChar	33457	—	Insère le glyphe sélectionné dans le texte	Inserts selected glyph into text

3.21 Mobile Helpers 12

#	Function	Line	Params	Description FR	Description EN
1	initMobileBurgerMenu	42219	—	Initialise le menu hamburger mobile	Initializes mobile hamburger menu
2	initMobileTouchContextMenu	42318	—	Initialise le menu contextuel tactile	Initializes mobile touch context menu
3	spMobileSelectAll	~42479	—	Tout sélectionner (mobile)	Select all objects (mobile)
4	spMobileCopy / Paste / Delete	~42501–42583	—	Copier / Coller / Supprimer (mobile)	Copy / Paste / Delete (mobile)

Partie 2 — Patches Fabric.js Part 2 — Fabric.js Prototype Patches 19

Ces overrides étendent ou remplacent les méthodes cœur de Fabric.js pour le comportement spécifique de SuperPrint (typographie avancée, contrôles personnalisés, sérialisation).

These overrides extend or replace Fabric.js core methods for SuperPrint-specific behavior (advanced typography, custom controls, serialization).

#	Méthode prototype	Prototype Method	Ligne	Description FR
1	`fabric.Text.prototype._spDrawInvisibleMarkers`	879	Dessine les marqueurs de caractères invisibles (espaces, tabs, retours)	Draws invisible character markers (spaces, tabs, returns)
2	`fabric.Text.prototype._renderText`	917	Rendu texte overridé avec support des invisibles	Overridden text render with invisibles support
3	`fabric.Canvas.prototype.renderTop`	938	Rendu de la couche supérieure (curseur, sélection)	Overridden top-layer render
4	`fabric.Object.prototype.drawControls`	962	Dessin des contrôles personnalisés (style Figma)	Custom control drawing (Figma-style handles)
5	`fabric.IText.prototype._renderSelection`	1791	Rendu personnalisé de la sélection texte	Custom text selection rendering
6	`fabric.Textbox.prototype.toObject`	1860	Sérialisation personnalisée avec SP_CUSTOM_PROPS	Custom serialization with SP_CUSTOM_PROPS
7	`fabric.Textbox.prototype.initDimensions`	2110	Init des dimensions avec support styles inline	Dimension init with inline style support
8	`fabric.Textbox.prototype._splitTextIntoLines`	2125	Découpage en lignes overridé	Line splitting override
9	`fabric.Textbox.prototype.enlargeSpaces`	2195	Justification avancée des espaces (word/letter spacing, glyph scaling)	Advanced space justification (word/letter spacing, glyph scaling)
10	`fabric.Textbox.prototype._renderTextLine`	2316	Rendu par ligne avec tracking et justification	Per-line rendering with tracking and justification
11	`fabric.Textbox.prototype._wrapLine`	2409	Enveloppement de ligne avec césure (5 langues)	Line wrapping with hyphenation (5 languages)
12	`fabric.IText.prototype.renderCursor`	2702	Rendu du curseur personnalisé	Custom cursor rendering
13	`fabric.Image.prototype.toObject`	3293	Sérialisation d'image avec propriétés SP	Custom image serialization with SP props
14	`fabric.IText.prototype.setSelectionStyles`	42094	Override des styles de sélection	Selection styles override
15	`fabric.Textbox.prototype.set`	42109	set() patché pour ré-enveloppement intelligent	Patched set() for smart rewrap
16	`fabric.Textbox.prototype.initialize`	42152	initialize() patché avec défauts SP	Patched initialize with SP defaults

Variables globales & Constantes Global Variables & Constants

État du document (Lignes 664–740)

Document State (Lines 664–740)

Variable	Type	Défaut	Default	Description FR
`canvases`	Array	`[]`	Tableau de toutes les instances Fabric.Canvas	Array of all Fabric.js canvas instances
`pages`	Array	`[]`	Tableau des données de pages sérialisées (JSON)	Array of serialized page data (JSON)
`currentPageIndex`	Number	`0`	Index de la page actuellement active	Index of the currently active page
`pageFormat`	Object	`{width:210, height:297}`	Dimensions de la page en mm	Page dimensions in mm
`margin`	Number	`20`	Marge de la page en mm	Page margin in mm
`bleed`	Number	`3`	Zone de fond perdu en mm	Bleed area in mm
`history`	Array	`[]`	Pile d'historique undo/redo	Undo/redo state history stack
`historyStep`	Number	`-1`	Position courante dans l'historique	Current position in history
`viewMode`	String	`'single'`	Mode de vue : 'single' ou 'spread'	View mode: 'single' or 'spread'
`textLinks`	Object	`{}`	Carte des connexions de chaînage texte	Map of text link connections
`masterPages`	Object	`{}`	Gabarits de pages maîtresses {id: {name, objects}}	Master page templates {id: {name, objects}}
`pageMasterAssignments`	Object	`{}`	Assignations page→gabarit {pageIdx: masterId}	Page-to-master assignments {pageIdx: masterId}

Constantes

Constants

Constante	Ligne	Valeur / Description	Value / Description
`DEBUG_MODE`	678	`false` — Active le logging console	`false` — Enables console logging
`ENABLE_LINKED_TEXT`	681	`true` — Active le chaînage de texte style InDesign	`true` — Enables InDesign-style text chaining
`PASTEBOARD_PX`	804	Calculé — Taille du table de montage horizontal (réduit en mode planche)	Computed — Horizontal pasteboard size (reduced in spread mode)
`PASTEBOARD_V_PX`	805	`200` — Taille du table de montage vertical en px	`200` — Vertical pasteboard size in px
`SP_CUSTOM_PROPS`	688	20+ propriétés personnalisées sauvegardées avec chaque objet Fabric	20+ custom properties saved with each Fabric object

Fonctionnalités Features

📄 Document

Formats A4, A5, Letter, personnalisé
A4, A5, Letter, Custom formats
Dimensions, marges, fond perdu personnalisés (mm)
Custom dimensions, margins, bleed (mm)
Modes page simple + planche (spread)
Single page + Spread view modes
Table de montage (pasteboard)
Pasteboard (work area around pages)
Réorganisation drag-and-drop des pages
Drag-and-drop page reordering

🔤 Typographie

9 polices intégrées + chargement .ttf/.otf
9 built-in fonts + custom .ttf/.otf loading
Césure en 5 langues (FR, EN, DE, ES, IT)
Hyphenation in 5 languages (FR, EN, DE, ES, IT)
Justification avancée (word/letter spacing, glyph scaling)
Advanced justification (word/letter spacing, glyph scaling)
Chaînage de texte cross-page (style InDesign)
Text chaining across pages (InDesign-style)
Exposant, indice, capitales, petites capitales, barré
Superscript, subscript, all caps, small caps, strikethrough

✏️ Dessin

Rectangle, Cercle/Ellipse, Étoile, Pinceau libre
Rectangle, Circle/Ellipse, Star, Freeform brush
Outil plume Bézier professionnel avec édition de poignées
Professional Bézier pen tool with curve handle editing
Import SVG
SVG import
Opérations booléennes (Union, Soustraction, Intersection, Exclusion)
Boolean operations (Unite, Subtract, Intersect, Exclude)

🖼️ Images

Import, drag-and-drop, collage presse-papiers
Import, drag-and-drop, clipboard paste
Masquage d'image dans forme avec ajustement position/échelle
Image-in-shape masking with position/scale adjustment
Modale de recadrage complète avec poignées et préréglages
Full crop modal with handles and presets
9 filtres style Instagram
9 Instagram-style filters

🎨 Couleur

Sélecteurs couleur fond/contour, transparence
Fill/stroke color pickers, transparency
Mode RGB/CMYK
RGB/CMYK mode toggle
30+ couleurs Pantone
30+ Pantone spot colors
Nuancier avec dégradés (linéaire/radial)
Swatch system with gradients
Épreuvage écran CMYK (couché, mat, simulation papier)
CMYK soft proofing (coated, matte, paper simulation)

📤 Export / Import

PDF multi-pages (72/150/300 DPI, fond perdu, repères, barres couleur)
PDF multi-page (72/150/300 DPI, bleed, trim marks, color bars)
PDF imposé (cahier/livret)
Imposed PDF (booklet imposition)
Import : JSON, PDF, TXT, DOCX, ODT, IDML, Scribus, SVG
Import: JSON, PDF, TXT, DOCX, ODT, IDML, Scribus, SVG
Print-to-Web (mini-site HTML en ZIP)
Print-to-Web (HTML mini-site in ZIP)
Format .sp (archive ZIP propriétaire)
.sp format (proprietary ZIP archive)

🤖 IA & Moderne

OpenAI (GPT-4o), Anthropic (Claude), DeepSeek
OpenAI (GPT-4o), Anthropic (Claude), DeepSeek
14 prompts de template + entrée libre
14 template prompts + free-form
PWA (offline, installable)
PWA (offline, installable)
Sauvegarde Web3/IPFS via Pinata
Web3/IPFS save via Pinata
3 langues UI : FR, EN, JA
3 UI languages: FR, EN, JA

Raccourcis clavier Keyboard Shortcuts

Texte

Text

Raccourci	Shortcut	Action
`Ctrl`+`B`	Gras	Bold
`Ctrl`+`I`	Italique	Italic
`Ctrl`+`U`	Souligné	Underline
`Ctrl`+`Shift`+`H`	Surligner	Highlight
`Ctrl`+`A`	Tout sélectionner	Select all

Édition

Editing

Raccourci	Shortcut	Action
`Ctrl`+`C` / `X` / `V`	Copier / Couper / Coller	Copy / Cut / Paste
`Ctrl`+`Z`	Annuler	Undo
`Ctrl`+`Y` / `Ctrl`+`Shift`+`Z`	Rétablir	Redo
`Suppr` / `Retour arrière`	Supprimer l'objet	Delete object
`Alt`+Glisser	Dupliquer l'objet	Duplicate object

Objets

Objects

Raccourci	Shortcut	Action
`Ctrl`+`Shift`+`G`	Grouper	Group
`Ctrl`+`Shift`+`U`	Dégrouper	Ungroup
`Ctrl`+`]`	Avancer d'un plan	Bring forward
`Ctrl`+`[`	Reculer d'un plan	Send backward
`Flèches`	Déplacer de 1px	Move 1px
`Shift`+`Flèches`	Déplacer de 10px	Move 10px

Outils rapides

Quick Tools

Raccourci	Shortcut	Action
`T`	Outil Texte	Text Tool
`I`	Outil Image	Image Tool
`R`	Rectangle	Rectangle
`C`	Cercle	Circle
`P`	Outil Plume	Pen Tool

Fichiers & Navigation

Files & Navigation

Raccourci	Shortcut	Action
`Ctrl`+`S`	Sauvegarder (JSON ou Web3)	Save (JSON or Web3)
`Ctrl`+`O`	Ouvrir un projet	Open project
`Ctrl`+`E`	Exporter PDF	Export PDF
`Ctrl`+`N`	Nouvelle page	New page
`Ctrl`+`←` / `→`	Page précédente / suivante	Previous / Next page
`Ctrl`+`L`	Lier les blocs texte	Link text blocks
`Ctrl`+`Shift`+`L`	Délier les blocs texte	Unlink text blocks

Zoom

Raccourci	Shortcut	Action
`Ctrl`+`=`	Zoom avant	Zoom in
`Ctrl`+`-`	Zoom arrière	Zoom out
`Ctrl`+`0`	Réinitialiser à 100%	Reset to 100%
`Ctrl`+Molette	Zoom libre	Free zoom

Formats de fichiers File Formats

Import (10 formats)

Format	Bibliothèque	Library	Description FR
JSON	Native	Restauration complète du projet	Full project restore
PDF	PDF.js	Page par page avec aperçu, sélection, recadrage	Page-by-page with preview, selection, crop
TXT / RTF	Native	Texte brut avec auto-pagination	Plain text with auto-pagination
DOCX	Mammoth.js	Documents Word (texte + images inline)	Word docs (text + inline images)
ODT	JSZip + XML	OpenDocument (texte, listes, tableaux, images)	OpenDocument (text, lists, tables, images)
IDML	JSZip + XML	InDesign — ZIP avec polices + liens	InDesign — ZIP with fonts + links
Scribus (.sla)	XML parser	Texte + formes basiques (BETA)	Basic text + shapes (BETA)
SVG	Fabric.js	Graphiques vectoriels	Vector graphics
Images	Fabric.js	PNG, JPG, WebP (fichier ou presse-papiers)	PNG, JPG, WebP (file or clipboard)
.sp	JSZip	Archive projet SuperPrint (JSON+assets en ZIP)	SuperPrint project archive (JSON+assets in ZIP)

Export (4 formats)

Format	Bibliothèque	Library	Description FR
PDF	jsPDF	Multi-pages, 72/150/300 DPI, fond perdu, repères d'impression	Multi-page, 72/150/300 DPI, bleed, trim marks
PDF imposé	jsPDF	Imposition cahier pour impression	Booklet imposition for print
Print-to-Web	JSZip	Mini-site HTML en ZIP (D4Export)	HTML mini-site in ZIP (D4Export)
.sp	JSZip	Archive projet SuperPrint	SuperPrint project archive

Bibliothèques Libraries

Bibliothèque	Library	Version	Fichier	File
Fabric.js	5.3.0	JS/fabric.min.js	Moteur de rendu canvas — objets, texte, images, événements, sélection	Canvas rendering engine — objects, text, images, events, selection
jsPDF	2.x	JS/jspdf.umd.min.js	Génération PDF multi-pages côté client	Client-side multi-page PDF generation
JSZip	3.x	JS/jszip.min.js	Lecture/écriture ZIP pour IDML, ODT, .sp	ZIP read/write for IDML, ODT, .sp
PDF.js	3.x	JS/pdf.min.js	Rendu PDF pour import page par page	PDF rendering for page-by-page import
Paper.js	0.12	JS/paper-full.min.js	Opérations booléennes de tracés vectoriels (Pathfinder)	Boolean path operations (Pathfinder)
Mammoth.js	1.x	JS/mammoth.min.js	Conversion DOCX → HTML structuré	DOCX to structured HTML conversion
Hypher	0.2	JS/hypher.js + hyphenation-*.js	Moteur de césure extensible (FR, EN, DE, ES, IT)	Extensible hyphenation engine (FR, EN, DE, ES, IT)

SuperPrint — simon@2points13.com
Documentation générée le 14 février 2026 — v0.0.3 (alpha) Documentation generated February 14, 2026 — v0.0.3 (alpha)

Manuel d'utilisation User Manual Guide complet pour créer vos documents avec SuperPrint Complete guide to creating documents with SuperPrint

SuperPrint est un éditeur de mise en page professionnel 100% navigateur. Aucune installation requise. Créez des flyers, affiches, brochures et documents multi-pages, puis exportez en PDF haute résolution prêt pour l'impression.

SuperPrint is a professional layout editor that runs entirely in your browser. No installation needed. Create flyers, posters, brochures and multi-page documents, then export as high-resolution print-ready PDFs.

Créer un nouveau projet

Create a New Project

Cliquez sur le bouton + dans la barre d'outils supérieure (toolbar) pour ouvrir la fenêtre « Nouveau projet ». Choisissez :

Click the + button in the top toolbar to open the "New Project" dialog. Choose:

Format — A4, A5, Letter ou dimensions personnalisées
Format — A4, A5, Letter or custom dimensions
Nombre de pages — Vous pouvez en ajouter/supprimer à tout moment
Number of pages — You can add/remove pages anytime
Marges & fond perdu — Définissez les zones de sécurité pour l'impression
Margins & bleed — Define safe zones for print

Raccourci : les boutons A4, A5, Letter dans la barre latérale gauche changent directement le format.

Tip: The A4, A5, Letter buttons in the left sidebar change the format directly.

Interface Interface

L'écran de SuperPrint est divisé en 4 zones principales :

The SuperPrint screen is divided into 4 main areas:

① Barre latérale gauche

① Left Sidebar

Outils (texte, images, formes, plume, chaînage), mode d'affichage (simple / double page), format de page, marges, et panneau des calques.

Tools (text, images, shapes, pen, chaining), display mode (single / spread), page format, margins, and layers panel.

② Barre d'outils supérieure

② Top Toolbar

Navigation pages (◀ ▶), ajout/suppression de page, grouper/dégrouper, annuler/rétablir, boutons Save, Import, Export et IA.

Page navigation (◀ ▶), add/delete page, group/ungroup, undo/redo, Save, Import, Export and AI buttons.

③ Zone de travail (Canvas)

③ Work Area (Canvas)

La zone centrale avec les pages du document. Faites défiler pour naviguer entre les pages. Le fond gris est le « pasteboard » (zone de dépassement).

The center area with your document pages. Scroll to navigate between pages. The grey background is the "pasteboard" (overflow area).

④ Barre latérale droite

④ Right Sidebar

Propriétés de l'objet sélectionné : position, taille, rotation, couleurs, opacité, typographie.

Properties of the selected object: position, size, rotation, colors, opacity, typography.

Réduire / Agrandir la sidebar

Collapse / Expand the Sidebar

Cliquez sur le logo SUPER PRINT en haut de la barre latérale pour la réduire en mode icônes. Cliquez sur la flèche → pour l'agrandir.

Click the SUPER PRINT logo at the top of the sidebar to collapse it to icon mode. Click the → arrow to expand it.

Pages Pages

Ajouter une page

Add a Page

Cliquez sur Page + dans la toolbar, ou utilisez le raccourci clavier. La nouvelle page est ajoutée après la page courante.

Click Page + in the toolbar, or use the keyboard shortcut. The new page is added after the current page.

Supprimer une page

Delete a Page

Cliquez sur le bouton − à côté de « Page + ». La page courante est supprimée (minimum 1 page conservée).

Click the − button next to "Page +". The current page is deleted (minimum 1 page always kept).

Naviguer entre les pages

Navigate Between Pages

Utilisez les boutons ◀ ▶ dans la toolbar, ou faites simplement défiler verticalement dans la zone de travail pour passer d'une page à l'autre. L'indicateur P 1/5 affiche votre position.

Use the ◀ ▶ buttons in the toolbar, or simply scroll vertically in the work area to move between pages. The P 1/5 indicator shows your position.

Changer le format

Change Page Format

Dans la barre latérale gauche, section Format : cliquez sur A4, A5, Letter ou Perso. Pour des dimensions personnalisées, modifiez L (largeur) et H (hauteur) en mm.

In the left sidebar, Format section: click A4, A5, Letter or Custom. For custom dimensions, edit W (width) and H (height) in mm.

Texte & Typographie Text & Typography

Ajouter un bloc de texte

Add a Text Block

Cliquez sur l'outil Texte (icône T) dans la sidebar, puis cliquez-glissez sur le canvas pour dessiner un cadre. Double-cliquez sur le cadre pour entrer en mode édition.

Click the Text tool (T icon) in the sidebar, then click-drag on the canvas to draw a frame. Double-click the frame to enter editing mode.

Mise en forme du texte

Formatting Text

Sélectionnez un bloc texte puis utilisez les contrôles dans la barre latérale droite :

Select a text block then use the controls in the right sidebar:

Police — Sélecteur de police (Inter, Poppins, Playfair Display, Bebas Neue, IBM Plex Mono, JetBrains Mono, Fira Code, Space Mono, Noto Sans JP…)
Font — Font selector (Inter, Poppins, Playfair Display, Bebas Neue, IBM Plex Mono, JetBrains Mono, Fira Code, Space Mono, Noto Sans JP…)
Taille — En points (pt)
Size — In points (pt)
Style — Gras, italique, souligné, barré
Style — Bold, italic, underline, strikethrough
Alignement — Gauche, centré, droite, justifié
Alignment — Left, center, right, justified
Interligne — Espacement entre les lignes
Line height — Spacing between lines
Espacement — Espacement entre les lettres (tracking)
Letter spacing — Space between characters (tracking)
Couleur — Couleur du texte et de l'arrière-plan
Color — Text color and background fill

La césure automatique est disponible en 5 langues (FR, EN, DE, ES, IT). Elle s'active dans les paramètres.

Automatic hyphenation is available in 5 languages (FR, EN, DE, ES, IT). Enable it in settings.

Chaînage de texte Text Chaining

Principe

Concept

Le chaînage de texte (comme dans InDesign) permet de relier plusieurs blocs de texte : quand le texte déborde d'un bloc, il continue automatiquement dans le bloc suivant. Cela fonctionne aussi entre différentes pages.

Text chaining (as in InDesign) links multiple text blocks: when text overflows one block, it automatically continues in the next. This works across different pages too.

Chaîner des blocs

Chain Blocks

Sélectionnez deux ou plusieurs blocs texte, puis cliquez sur l'outil Chaîner (icône chaîne) ou utilisez Ctrl+L. Les blocs sont liés dans l'ordre de sélection. Une flèche bleue relie visuellement les blocs chaînés.

Select two or more text blocks, then click the Chain tool (link icon) or use Ctrl+L. Blocks are linked in selection order. A blue arrow visually connects chained blocks.

Déchaîner

Unchain

Sélectionnez un bloc chaîné et cliquez sur Déchaîner ou utilisez Ctrl+Shift+L.

Select a chained block and click Unchain or use Ctrl+Shift+L.

Images Images

Importer une image

Import an Image

Cliquez sur l'outil Image dans la sidebar (sous-menu import), puis sélectionnez un fichier. Formats supportés : JPG, PNG, WebP, GIF. Vous pouvez aussi glisser-déposer une image directement sur le canvas, ou coller depuis le presse-papiers (Ctrl+V).

Click the Image tool in the sidebar (import sub-menu), then select a file. Supported formats: JPG, PNG, WebP, GIF. You can also drag-and-drop an image directly onto the canvas, or paste from clipboard (Ctrl+V).

Redimensionner & positionner

Resize & Position

Sélectionnez l'image, puis utilisez les poignées pour redimensionner. Maintenez Shift pour conserver les proportions. Utilisez les champs X, Y, W, H dans la barre latérale droite pour un positionnement précis.

Select the image, then use the handles to resize. Hold Shift to maintain proportions. Use the X, Y, W, H fields in the right sidebar for precise positioning.

SVG vectoriel

Vector SVG

Importez des fichiers SVG via l'outil SVG dans le sous-menu import. Les SVG sont importés comme objets vectoriels éditables (couleur, contour, déformation).

Import SVG files through the SVG tool in the import sub-menu. SVGs are imported as editable vector objects (color, stroke, deformation).

Formes & Dessin Shapes & Drawing

Ajouter des formes

Add Shapes

Ouvrez le sous-menu Formes dans la sidebar. Options disponibles :

Open the Shapes sub-menu in the sidebar. Available options:

Rectangle — Forme rectangulaire avec coins optionnellement arrondis
Rectangle — Rectangular shape with optional rounded corners
Cercle — Ellipse parfaite
Circle — Perfect ellipse
Étoile — Étoile polygonale
Star — Polygon star
Forme libre — Tracé à main levée
Freeform — Freehand drawing

Chaque forme peut être colorée (remplissage + contour), redimensionnée et tournée.

Each shape can be colored (fill + stroke), resized and rotated.

Outil Plume (Bézier) Pen Tool (Bézier)

Créer des tracés vectoriels

Create Vector Paths

Cliquez sur l'outil Plume (icône stylo) dans la sidebar. Cliquez pour poser des points d'ancrage. Cliquez-glissez pour créer des courbes de Bézier. Fermez le tracé en cliquant sur le premier point.

Click the Pen tool (pen icon) in the sidebar. Click to place anchor points. Click-drag to create Bézier curves. Close the path by clicking the first point.

Échap pour terminer un tracé ouvert
Escape to end an open path
Ctrl+Z pour annuler le dernier point
Ctrl+Z to undo the last point

Paper.js permet les opérations booléennes (union, soustraction, intersection) entre les tracés — comme le Pathfinder d'Illustrator.

Paper.js enables boolean operations (union, subtraction, intersection) between paths — like Illustrator's Pathfinder.

Calques Layers

Panneau des calques

Layers Panel

Le panneau calques (section « Calques » dans la sidebar) liste tous les objets de la page courante. Chaque objet est un calque qui peut être :

The layers panel ("Layers" section in the sidebar) lists all objects on the current page. Each object is a layer that can be:

Réordonné — Boutons ↑ / ↓ pour monter/descendre
Reordered — ↑ / ↓ buttons to move up/down
Supprimé — Bouton ✕
Deleted — ✕ button
Déplacé vers une autre page — « ◀ Page » / « Page ▶ »
Moved to another page — "◀ Page" / "Page ▶"

« Clear All » supprime tous les objets de la page (sauf la structure).

"Clear All" removes all objects from the page (except structure).

Grilles & Repères Grids & Guides

Grille de colonnes

Column Grid

Ouvrez le sous-menu Règles & Grilles → Grille. Configurez :

Open the Rulers & Grids sub-menu → Grid. Configure:

Colonnes — Nombre de colonnes (1-12)
Columns — Number of columns (1-12)
Gouttière — Espace entre colonnes en mm
Gutter — Space between columns in mm
Lignes — Nombre de rangées
Rows — Number of rows
Ligne de base — Grille typographique (pas et décalage en mm)
Baseline grid — Typographic grid (step and offset in mm)

Activez le magnétisme pour accrocher les objets à la grille.

Enable snapping to snap objects to the grid.

Repères manuels

Manual Guides

Dans la section « Repères manuels » de la sidebar, ajoutez des repères verticaux ou horizontaux. Glissez-les pour les repositionner. Activez le magnétisme des repères pour un alignement précis.

In the "Manual Guides" section of the sidebar, add vertical or horizontal guides. Drag them to reposition. Enable guide snapping for precise alignment.

Pages maîtresses Master Pages

Principe

Concept

Les pages maîtresses sont des modèles réutilisables. Les objets placés sur une page maîtresse (en-têtes, pieds de page, arrière-plans) apparaissent automatiquement sur toutes les pages qui l'utilisent.

Master pages are reusable templates. Objects placed on a master page (headers, footers, backgrounds) automatically appear on all pages that use it.

Créer & Appliquer

Create & Apply

Utilisez le panneau « Chemin de fer » (page thumbnails) pour gérer les pages maîtresses. Cliquez droit sur une page pour assigner une page maîtresse.

Use the "Page Thumbnails" panel to manage master pages. Right-click on a page to assign a master page.

Mode planche (Spread) Spread Mode

Activer le mode planche

Enable Spread Mode

Dans la sidebar, section « Mode d'affichage », cliquez sur Double page. Les pages sont affichées côte à côte comme un livre ouvert. La première page (couverture) reste en page simple.

In the sidebar, "Display Mode" section, click Spread. Pages are displayed side by side like an open book. The first page (cover) stays as a single page.

Le mode planche est idéal pour les brochures et magazines.

Spread mode is ideal for brochures and magazines.

Sauvegarder Save

Sauvegarde automatique

Auto-Save

SuperPrint sauvegarde automatiquement votre travail dans IndexedDB (stockage local du navigateur). Votre projet est restauré automatiquement lorsque vous rouvrez l'application.

SuperPrint automatically saves your work in IndexedDB (browser local storage). Your project is automatically restored when you reopen the app.

Sauvegarde manuelle (.sp)

Manual Save (.sp)

Cliquez sur SAVE dans la toolbar pour créer un fichier .sp — une archive ZIP contenant le JSON du projet et tous les assets (images). Ce fichier peut être rechargé plus tard via Import.

Click SAVE in the toolbar to create an .sp file — a ZIP archive containing the project JSON and all assets (images). This file can be reloaded later via Import.

Historique de sauvegardes

Save History

SuperPrint conserve jusqu'à 20 snapshots de votre projet. Accessible depuis le panneau Historique pour revenir à une version antérieure.

SuperPrint keeps up to 20 snapshots of your project. Access the History panel to roll back to a previous version.

Importer Import

Formats supportés

Supported Formats

Cliquez sur IMPORT dans la toolbar. Formats acceptés :

Click IMPORT in the toolbar. Accepted formats:

Format	Description	Description
PDF	Import page par page (rastérisé via PDF.js)	Page-by-page import (rasterized via PDF.js)
DOCX	Conversion du contenu texte via Mammoth.js	Text content conversion via Mammoth.js
IDML	Format InDesign (texte + structure)	InDesign format (text + structure)
ODT	Format LibreOffice Writer	LibreOffice Writer format
Scribus (.sla)	Texte + formes basiques (BETA)	Basic text + shapes (BETA)
SVG	Graphiques vectoriels	Vector graphics
Images	PNG, JPG, WebP (fichier ou presse-papiers)	PNG, JPG, WebP (file or clipboard)
.sp	Projet SuperPrint (archive ZIP)	SuperPrint project (ZIP archive)
TXT / RTF	Texte brut ou enrichi	Plain or rich text
JSON	Données Fabric.js brutes	Raw Fabric.js data

Exporter / PDF Export / PDF

Export PDF

PDF Export

Cliquez sur Export dans la toolbar. Options :

Click Export in the toolbar. Options:

Résolution — 72 DPI (écran), 150 DPI (brouillon), 300 DPI (impression)
Resolution — 72 DPI (screen), 150 DPI (draft), 300 DPI (print)
Fond perdu — Zone de sécurité pour la coupe (3mm typique)
Bleed — Safety zone for trimming (typical 3mm)
Repères d'impression — Traits de coupe, croix de repérage
Trim marks — Cut marks, registration marks
PDF imposé — Imposition en cahier pour impression recto-verso
Imposed PDF — Booklet imposition for duplex printing

Autres exports

Other Exports

Print-to-Web (D4Export) — Génère un mini-site HTML dans un ZIP pour diffusion numérique
Print-to-Web (D4Export) — Generates an HTML mini-site in a ZIP for digital distribution
.sp — Archive projet complète (JSON + images en ZIP)
.sp — Complete project archive (JSON + images in ZIP)

Simulation CMYK CMYK Simulation

Soft Proofing

Outil Simulation CMYK dans la sidebar (icône cercles CMYK). Prévisualisez comment votre document apparaîtra à l'impression :

Use the CMYK Simulation tool in the sidebar (CMYK circles icon). Preview how your document will look when printed:

RGB — Affichage écran normal
RGB — Normal screen display
CMYK Couché — Simulation papier couché brillant
CMYK Coated — Glossy coated paper simulation
CMYK Mat — Simulation papier non couché
CMYK Uncoated — Matte uncoated paper simulation

Vous pouvez aussi simuler différents types de papier : blanc pur, ivoire, recyclé, journal.

You can also simulate different paper types: pure white, ivory, recycled, newsprint.

Annuler / Rétablir Undo / Redo

Historique des actions

Action History

Utilisez Ctrl+Z pour annuler et Ctrl+Y (ou Ctrl+Shift+Z) pour rétablir. Les boutons ↶ et ↷ dans la toolbar ont la même fonction.

Use Ctrl+Z to undo and Ctrl+Y (or Ctrl+Shift+Z) to redo. The ↶ and ↷ buttons in the toolbar have the same function.

L'historique est persisté dans IndexedDB : même après rechargement de la page, votre pile d'annulations est conservée.

The history is persisted in IndexedDB: even after reloading the page, your undo stack is preserved.

Zoom

Contrôles de zoom

Zoom Controls

Ctrl+Molette — Zoom avant/arrière
Ctrl+Scroll — Zoom in/out
Ctrl+0 — Ajuster à la fenêtre
Ctrl+0 — Fit to window
Ctrl+1 — Zoom 100%
Ctrl+1 — Zoom 100%
Ctrl++ / Ctrl+- — Zoom incrémental
Ctrl++ / Ctrl+- — Incremental zoom

Le rendu est optimisé pour rester net à tous les niveaux de zoom grâce à l'ajustement dynamique du DPR (Device Pixel Ratio).

Rendering is optimized to stay sharp at all zoom levels thanks to dynamic DPR (Device Pixel Ratio) adjustment.

Raccourcis clavier Keyboard Shortcuts

Action	Action	Raccourci
Annuler	Undo	`Ctrl`+`Z`
Rétablir	Redo	`Ctrl`+`Y`
Copier	Copy	`Ctrl`+`C`
Coller	Paste	`Ctrl`+`V`
Couper	Cut	`Ctrl`+`X`
Tout sélectionner	Select all	`Ctrl`+`A`
Dupliquer	Duplicate	`Ctrl`+`D`
Supprimer	Delete	`Suppr` / `Backspace`
Grouper	Group	`Ctrl`+`G`
Dégrouper	Ungroup	`Ctrl`+`Shift`+`G`
Chaîner texte	Chain text	`Ctrl`+`L`
Déchaîner texte	Unchain text	`Ctrl`+`Shift`+`L`
Sauvegarder	Save	`Ctrl`+`S`
Zoom +	Zoom in	`Ctrl`+`+`
Zoom −	Zoom out	`Ctrl`+`−`
Zoom 100%	Zoom 100%	`Ctrl`+`1`
Ajuster à la fenêtre	Fit to window	`Ctrl`+`0`
Gras	Bold	`Ctrl`+`B`
Italique	Italic	`Ctrl`+`I`
Souligné	Underline	`Ctrl`+`U`

Assistant IA AI Assistant

Utiliser l'IA

Using AI

Cliquez sur le bouton IA dans la toolbar pour ouvrir l'assistant IA. Il peut vous aider à générer du contenu texte, suggérer des mises en page, et plus encore. Les requêtes passent par le proxy serveur (ai-proxy.php) pour sécuriser les clés API.

Click the AI button in the toolbar to open the AI assistant. It can help generate text content, suggest layouts, and more. Requests go through the server proxy (ai-proxy.php) to secure API keys.

Paramètres Settings

Accéder aux paramètres

Access Settings

Cliquez sur l'icône ⚙ en haut de la barre latérale. Options disponibles :

Click the ⚙ icon at the top of the sidebar. Available options:

Thème — Clair / Sombre
Theme — Light / Dark
Langue — Français, English, 日本語
Language — Français, English, 日本語
Césure — Activer/désactiver la césure automatique
Hyphenation — Enable/disable automatic hyphenation
Raccourcis clavier — Liste complète des raccourcis
Keyboard shortcuts — Complete shortcut list

SuperPrint — simon@2points13.com
Manuel généré le 14 février 2026 — v0.0.3 (alpha) Manual generated February 14, 2026 — v0.0.3 (alpha)