Projet

Général

Profil

Development #20864

ckeditor: rajouter le formatage pour les notes

Ajouté par Serghei Mihai il y a plus de 6 ans. Mis à jour il y a presque 4 ans.

Statut:
Nouveau
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
21 décembre 2017
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Non
Planning:
Non

Description

.

Fichiers

0001-ckeditor-add-note-in-available-formats-20864.patch (947 octets) 0001-ckeditor-add-note-in-available-formats-20864.patch Serghei Mihai, 21 décembre 2017 17:13
format_note.png (107 ko) format_note.png Serghei Mihai, 21 décembre 2017 17:25

Demandes liées

Lié à Publik - Development #20856: rajouter des styles pour du code et notes dans CKEditorNouveau21 décembre 2017

Actions

Historique

#1

Mis à jour par Serghei Mihai il y a plus de 6 ans

Avec rajout de la classe "note" au div.
Ça serait top que le rendu se fasse directement dans CKEditor. Je vais étudier cela.

#2

Mis à jour par Serghei Mihai il y a plus de 6 ans

  • Lié à Development #14169: Créer un style 'note' destiné à la rédaction de la documentation. ajouté
#3

Mis à jour par Serghei Mihai il y a plus de 6 ans

  • Lié à Development #14169: Créer un style 'note' destiné à la rédaction de la documentation. supprimé
#4

Mis à jour par Serghei Mihai il y a plus de 6 ans

  • Lié à Development #20856: rajouter des styles pour du code et notes dans CKEditor ajouté
#5

Mis à jour par Serghei Mihai il y a plus de 6 ans

Exemple du résultat en backoffice.

#6

Mis à jour par Frédéric Péters il y a plus de 6 ans

Ça serait top que le rendu se fasse directement dans CKEditor. Je vais étudier cela.

Ce n'est pas trop compliqué,

 CKEDITOR_CONFIGS = {
     'default': {
         'allowedContent': True,
+        'contentsCss': STATIC_URL + 'css/combo.ckeditor.css',
         'removePlugins': 'stylesheetparser',

et le fichier css avec un contenu genre,

@import url(/static/ckeditor/ckeditor/contents.css);

.cke_editable .note::before {
    content: "\f24a"; /* sticky-note-o */
    position: absolute;
    left: 4px;
    font-size: 100%;
    font-family: FontAwesome;
}

Mais avant ça, à tester, le comportement ne me semble pas satisfaisant; je commence à taper du texte, je mets le style "Note" je continue à taper, je passe au paragraphe suivant, il me crée un second <div class="note">, je séléctionne le format "normal, ce <div class="note"> se transforme en <p class="note">.

Aussi, on peut facilement imaginer des notes faisant deux paragraphes et ça n'est pas possible.

Je suggérerais de regarder https://ckeditor.com/cke4/addon/div ("CreateDiv" à ajouter dans la définition de la barre d'outils), mais ça ne m'a pas l'air parfait non plus, là aussi ça ne me semble pas évident de sortir du div créé.

#7

Mis à jour par Frédéric Péters il y a presque 4 ans

  • Patch proposed changé de Oui à Non

Formats disponibles : Atom PDF