diff options
Diffstat (limited to 'installation dans une application PHP.txt')
| -rw-r--r-- | installation dans une application PHP.txt | 45 |
1 files changed, 21 insertions, 24 deletions
diff --git a/installation dans une application PHP.txt b/installation dans une application PHP.txt index 21d1b0b..6d1b108 100644 --- a/installation dans une application PHP.txt +++ b/installation dans une application PHP.txt | |||
| @@ -11,17 +11,15 @@ faire un install (npm) et un require (composer) dans son projet, obtenir la dern | |||
| 11 | npm install ckeditor5 | 11 | npm install ckeditor5 |
| 12 | composer require htmlawed/htmlawed | 12 | composer require htmlawed/htmlawed |
| 13 | 13 | ||
| 14 | les 11 fichiers récupérés par le git clone: | 14 | les 9 fichiers récupérés par le git clone |
| 15 | lib/ckeditor5/create.php | 15 | src/integration/ckeditor5/CKEditor.php |
| 16 | lib/ckeditor5/clean_html.php | 16 | src/integration/ckeditor5/view.php |
| 17 | lib/ckeditor5/view.php | 17 | src/integration/ckeditor5/image_upload.php |
| 18 | lib/ckeditor5/image_upload.php | 18 | src/integration/ckeditor5/articles_hors_editeur.css |
| 19 | lib/ckeditor5/articles_hors_editeur.css | ||
| 20 | config.php | ||
| 21 | installation dans une application PHP.txt | 19 | installation dans une application PHP.txt |
| 22 | index.php (appel des contrôleurs) | 20 | index.php (appel des contrôleurs) |
| 23 | src/templates/page.php (HTML principal de la page web) | 21 | src/templates/page.php (HTML principal de la page web) |
| 24 | data/page/html/articles.html | 22 | data/page/html/1646148841.html |
| 25 | data/page/images/chirurgien jaune.jpg | 23 | data/page/images/chirurgien jaune.jpg |
| 26 | 24 | ||
| 27 | 25 | ||
| @@ -31,7 +29,8 @@ gràce à un lien symbolique, le programme s'attend à trouver un dossier "trans | |||
| 31 | 29 | ||
| 32 | PHP l'ajoute avec symlink dans index.php | 30 | PHP l'ajoute avec symlink dans index.php |
| 33 | si le lien symbolique /srv/http/ckeditor5/node_modules/ckeditor5/dist/browser/translations | 31 | si le lien symbolique /srv/http/ckeditor5/node_modules/ckeditor5/dist/browser/translations |
| 34 | n'a pas été créé correctement par PHP, donner serveur les droits en écriture ou le faire en BASH | 32 | n'a pas été créé correctement par PHP, permettre au serveur d'écrire dans "browser" ou le faire en BASH |
| 33 | la commande mklink permet de faire la même chose sur un serveur windows, l'option /J créée une jointure et fonctionne sans droit d'admin | ||
| 35 | 34 | ||
| 36 | chemin absolu | 35 | chemin absolu |
| 37 | ln -s /var/www/ckeditor5/node_modules/ckeditor5/dist/translations /var/www/ckeditor5/node_modules/ckeditor5/dist/browser/ | 36 | ln -s /var/www/ckeditor5/node_modules/ckeditor5/dist/translations /var/www/ckeditor5/node_modules/ckeditor5/dist/browser/ |
| @@ -40,39 +39,37 @@ ln -s ../translations node_modules/ckeditor5/dist/browser/ | |||
| 40 | 39 | ||
| 41 | 40 | ||
| 42 | 3/ essai | 41 | 3/ essai |
| 43 | les paramètres dans config.php et les fichiers dans data permettent normalement | 42 | les paramètres dans CKEditor.php et les fichiers dans data permettent normalement |
| 44 | - d'ouvrir l'éditeur | 43 | - d'ouvrir l'éditeur |
| 45 | - de lire des données dans des fichiers et de les insérer dans l'éditeur pour modification | 44 | - de lire des données dans des fichiers et de les insérer dans l'éditeur pour modification |
| 46 | 45 | ||
| 47 | la sortie au "submit" est nettoyée puis se retrouve dans $html_from_editor | 46 | la sortie au "submit" est nettoyée puis se retrouve dans $html_from_editor |
| 48 | 47 | ||
| 49 | 48 | ||
| 50 | 3/ intégration à un projet | 49 | 4/ intégration à un projet |
| 51 | 50 | ||
| 52 | a) index.php et src/templates/page.php sont à remplacer en fonction de notre application | 51 | a) index.php et src/templates/page.php sont à remplacer en fonction de notre application |
| 53 | regarder à l'intérieur et adapter son propre code | ||
| 54 | 52 | ||
| 55 | b) config.php est à personnaliser et/ou à copier ailleurs, | 53 | b) adapter les paramètres dans CKEditor.php, $storage_mode vaut soit 'files' soit 'database' |
| 56 | du moment que les variables à l'intérieur restent disponibles | ||
| 57 | 54 | ||
| 58 | c) le dossier data et ses sous-dossiers ont besoin de droits en écriture | 55 | c) le dossier data et ses sous-dossiers ont besoin de droits en écriture |
| 59 | 56 | ||
| 60 | a) adapter le routeur dans index.php | 57 | d) adapter le routeur dans index.php |
| 61 | 58 | ||
| 62 | b) adapter ce qui suit "// modèle" dans index.php et lib/ckeditor5/create.php pour obtenir les données souhaitées (BDD, fichiers) | 59 | e) adapter la connexion à la BDD si nécéssaire |
| 63 | 60 | ||
| 64 | c) adapter le fichier config.php (vérifier les chemins) | 61 | f) insérer dans chaque page affichant des données créées avec l'éditeur: |
| 65 | 62 | <?= $ckeditor->getCSSOutsideEditorTag() ?> | |
| 66 | d) ajouter <?= $css_editeur ?> dans le <head> | ||
| 67 | ajouter aussi <?= $contenu ?> dans le <body> pour afficher l'éditeur ou du HTML créé par l'éditeur | ||
| 68 | |||
| 69 | e) insérer dans chaque page affichant des données créées avec l'éditeur: | ||
| 70 | <link rel="stylesheet" href="lib/ckeditor5/article_hors_editeur.css" /> | ||
| 71 | l'éditeur ne génère pas de CSS mais seulement du HTML basique, ce CSS imite le rendu à l'intérieur de l'éditeur | 63 | l'éditeur ne génère pas de CSS mais seulement du HTML basique, ce CSS imite le rendu à l'intérieur de l'éditeur |
| 72 | 64 | ||
| 73 | normalement c'est bon fini, ce qui suit est de l'information utile si on souhaite partir de zéro avec NPM et la doc | 65 | g) ajouter dans chaque page insérant l'éditeur: |
| 66 | <?= $ckeditor->getCSSEditorTag() ?> | ||
| 67 | |||
| 68 | h) insérer <?= $editeurHTML ?> dans toutes les pages, | ||
| 69 | quand l'éditeur n'est pas ouvert, ça fait apparaître un lien pour l'ouvrir | ||
| 74 | 70 | ||
| 75 | 71 | ||
| 72 | ce qui suit est de l'information utile si on souhaite partir de zéro avec NPM et la doc | ||
| 76 | 73 | ||
| 77 | 74 | ||
| 78 | 75 | ||