mardi 19 novembre 2019

On a retrouvé CKeditor!

Capture: Version 4 full-all
[CORRECTIF MINEUR]
Si vous aviez suivi naguère ma suggestion d'utiliser l'excellent éditeur HTML WYSIWYG et que vous l'utilisez régulièrement, vous avez peut-être constaté qu'il ne fonctionne plus depuis quelques semaines. Le site a en effet été modernisé et les éditeurs en ligne gratuits ne fonctionnaient plus du tout car eux aussi ont été modernisés et changé de place (sur le serveur). Il existe aussi maintenant des plans payants. Bien entendu, CKEditor est multi-plateformes vu qu'il fonctionne via un navigateur Web. On va donc aller à cette page https://cdn.ckeditor.com/ vérifier que rien n'a changé et on va créer une page HTML qui pourra être stockée localement par exemple file:///home/user/HTML/cke.html voire sur un serveur local (/srv/http/CKE/cke.html sur Linux à condition bien sûr d'installer d'abord ce serveur). On peut évidemment l'envoyer sur un serveur distant mais ce sera plus rapide en local. Sur la page indiquée, vous pourrez procéder à quelques personnalisations additionnelles avec notamment des plugins, skins et bien d'autres personnalisations.
  1. Ouvrez un simple éditeur de texte comme Notepad (Win) ou Gedit, Leafpad, etc...
  2. Collez le code ci-dessous et enregistrez la page sous le nom de CKeditor.html sur votre disque.
  3. Cherchez le avec votre gestionnaire de fichiers (explorateur dans Win), clic droit et ouvrir avec... votre navigateur préféré.
  4. Votre CKeditor se lance
  5. Mettez le dans vos favoris ou faites-en une app avec dans Chromium/Chrome Plus d'outils > créer un raccourci (n'oubliez pas de cocher "ouvrir dans une fenêtre"). On peut aussi bien utiliser l'appli Ice-ssd qui permet de créer des webapps à partir d'une page web.

Voici le code HTML
<!DOCTYPE html>
<html>
<head>
      <meta charset="utf-8">
      <title>CKEditor</title>
<script src="https://cdn.ckeditor.com/4.4.5.1/full-all/ckeditor.js"></script>
</head>
        <body>
                <textarea name="editor1"></textarea>
                <script>
                        CKEDITOR.replace( 'editor1' );
                </script>
        </body>
</html>

On peut aussi coller ce code dans une nouvelle note de l'éditeur de texte "Remarkable" (Linux) qui vous affichera automatiquement l'éditeur WYSIWYG en sa partie droite. À première vue, ça fonctionne. La version "full-all" comprend toutes les commandes et options y compris les iframes et bien d'autres choses.... voici les versions (paramètre en rouge à activer dans la page html):
  • basic - the Basic preset
  • standard - the Standard preset
  • standard-all - the Standard preset together with all other plugins created by CKSource*
  • full - the Full preset
  • full-all - the Full preset together with all other plugins created by CKSource*

6 commentaires:

  1. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  2. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  3. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  4. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  5. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer
  6. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer

Ajoutez un commentaire mais en bon Français ou éventuellement en bon Anglais. Les commentaires en langage SMS seront supprimés.