[Résolu]Définir de nouveaux style pour les listes dans TinyMCE

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.7.0
#~ Version du MLE si existante : Nope
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.2
#~ * ModuleManager: 1.3.3
#~ * News: 2.10.4
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * Search: 1.6.2
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.0
#~ * FrontEndUsers: 1.8.2
#~ * CustomContent: 1.5.3
#~ * CGExtensions: 1.18.3
#~ * CGCalendar: 1.5.2
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 48000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: true
#~ * page_extension: /
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 5.2.13
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * E_STRICT: 0
#~ * memory_limit: 64M
#~ * max_execution_time: 10
#~ * safe_mode: Off (Faux)
#~ * session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ * session_use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.84
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour !

Je voudrais permettre l'utilisation de liste personnalisée dans l'éditeur TinyMCE pour mes... éditeurs. Mais les choses sont un peu différentes de l'idée que je m'en faisais.

J'ai ajouté un style CSS dans la page dédiée à l'éditeur TinyMCE :
liste flèche noire=special1;

Mais je ne sais pas quoi ajouter dans mon fichier CSS. En effet, quand je définis un bout de texte comme étant de classe "liste flèche noire", il y a un <span class="special1"> qui vient entourer le texte choisi. Mais comment faire pour transformer le texte en liste. J'ai essayé de modifier une liste déjà existante, mais je me retrouve avec qqchose de ce genre:
<ul>
<li><span class="special1">...</span></li>
</ul>

J'aimerais simplement avoir une règle CSS de ce genre:
special1 {
list-style-image:url(uploads/ngrey/bullet_arrow_black.gif);
}

Comment faire ?
#1
Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS : 1.7.0
#~ Version du MLE si existante : Nope
#~ Informations Système :
#~ ----------------------------------------------
#~ Cms Version: 1.7
#~ Installed Modules:
#~ * CMSMailer: 1.73.14
#~ * FileManager: 1.0.2
#~ * MenuManager: 1.6.2
#~ * ModuleManager: 1.3.3
#~ * News: 2.10.4
#~ * nuSOAP: 1.0.1
#~ * Printing: 1.0.4
#~ * Search: 1.6.2
#~ * ThemeManager: 1.1.1
#~ * TinyMCE: 2.7.0
#~ * FrontEndUsers: 1.8.2
#~ * CustomContent: 1.5.3
#~ * CGExtensions: 1.18.3
#~ * CGCalendar: 1.5.2
#~ Config Information:
#~ * php_memory_limit:
#~ * process_whole_template: false
#~ * max_upload_size: 48000000
#~ * default_upload_permission: 664
#~ * assume_mod_rewrite: true
#~ * page_extension: /
#~ * internal_pretty_urls: false
#~ * use_hierarchy: true
#~ Php Information:
#~ * phpversion: 5.2.13
#~ * md5_function: On (Vrai)
#~ * gd_version: 2
#~ * tempnam_function: On (Vrai)
#~ * magic_quotes_runtime: Off (Faux)
#~ * E_STRICT: 0
#~ * memory_limit: 64M
#~ * max_execution_time: 10
#~ * safe_mode: Off (Faux)
#~ * session_save_path: Aucune vérification à cause de la restriction spécifiée par PHP open_basedir
#~ * session_use_cookies: On (Vrai)
#~ Server Information:
#~ * Server Api: apache2handler
#~ * Server Db Type: MySQL (mysql)
#~ * Server Db Version: 5.0.84
#~ ----------------------------------------------
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
Bonjour !

Je voudrais permettre l'utilisation de liste personnalisée dans l'éditeur TinyMCE pour mes... éditeurs. Mais les choses sont un peu différentes de l'idée que je m'en faisais.

J'ai ajouté un style CSS dans la page dédiée à l'éditeur TinyMCE :
liste flèche noire=special1;

Mais je ne sais pas quoi ajouter dans mon fichier CSS. En effet, quand je définis un bout de texte comme étant de classe "liste flèche noire", il y a un <span class="special1"> qui vient entourer le texte choisi. Mais comment faire pour transformer le texte en liste. J'ai essayé de modifier une liste déjà existante, mais je me retrouve avec qqchose de ce genre:
<ul>
<li><span class="special1">...</span></li>
</ul>

J'aimerais simplement avoir une règle CSS de ce genre:
special1 {
list-style-image:url(uploads/ngrey/bullet_arrow_black.gif);
}

Comment faire ?
#2
re,

voir
http://www.cmsmadesimple.fr/forum/viewto...1311#p1311
ou
http://forum.cmsmadesimple.org/index.php...l#msg79156
J-C Etiemble v 2.2.xx
#2
re,

voir
http://www.cmsmadesimple.fr/forum/viewto...1311#p1311
ou
http://forum.cmsmadesimple.org/index.php...l#msg79156
J-C Etiemble v 2.2.xx
#3
Je m'excuse, mais je vois pas où tu veux en venir.

En gros, tu dis qu'il n'est pas possible de créer un nouveau style de liste, puisqu'on ne peut qu'ajouter des <span> et j'ai besoin de spécifier le style d'un <li> ou d'un <ul>, ou peut-être de mettre un <span> autour d'eux, ce que TinyMCE refuse de faire.

Cela dit, je sais que c'est possible, je l'ai vu ailleurs.

EDIT: je précise ma pensée:

J'ai donc ça:

<ul>
<li><span class="special1">asfasfsdaf</span></li>
</ul>

Alors que je veux ça:

<ul>
<li class="special1">asfasfsdaf</li>
</ul>

Et j'ai moi-même observé cette deuxième solution, donc je sais que c'est possible avec TinyMCE. Est-ce que quelqu'un a une idée ?
#3
Je m'excuse, mais je vois pas où tu veux en venir.

En gros, tu dis qu'il n'est pas possible de créer un nouveau style de liste, puisqu'on ne peut qu'ajouter des <span> et j'ai besoin de spécifier le style d'un <li> ou d'un <ul>, ou peut-être de mettre un <span> autour d'eux, ce que TinyMCE refuse de faire.

Cela dit, je sais que c'est possible, je l'ai vu ailleurs.

EDIT: je précise ma pensée:

J'ai donc ça:

<ul>
<li><span class="special1">asfasfsdaf</span></li>
</ul>

Alors que je veux ça:

<ul>
<li class="special1">asfasfsdaf</li>
</ul>

Et j'ai moi-même observé cette deuxième solution, donc je sais que c'est possible avec TinyMCE. Est-ce que quelqu'un a une idée ?
#4
Ok, je crois que j'ai compris, mais ça marche pas !

Dans le wiki de TinyMCE: http://wiki.moxiecode.com/index.php/Tiny...le_formats

ça a l'air bien et y a même une démo qui fonctionne. J'ai donc ajouté la ligne suivante dans mon 'Extra Configuration' dans le menu 'avancé' de TinyMCE dans CMSMS:
{title : 'Liste flèche noire', selector : 'ul', classes : 'fleche-noire'}

Et dans le CSS:

ul.fleche-noire li {
list-style-image:url(uploads/ngrey/bullet_arrow_black.gif);
}

Le problème est que l'éditeur ne se charge plus. Est-ce qu'on peut trouver à quelque part le code généré pour l'éditeur ? Est-ce que quelqu'un a une idée à me soumettre ?

Ce serait vraiment, vraiment bien !
#4
Ok, je crois que j'ai compris, mais ça marche pas !

Dans le wiki de TinyMCE: http://wiki.moxiecode.com/index.php/Tiny...le_formats

ça a l'air bien et y a même une démo qui fonctionne. J'ai donc ajouté la ligne suivante dans mon 'Extra Configuration' dans le menu 'avancé' de TinyMCE dans CMSMS:
{title : 'Liste flèche noire', selector : 'ul', classes : 'fleche-noire'}

Et dans le CSS:

ul.fleche-noire li {
list-style-image:url(uploads/ngrey/bullet_arrow_black.gif);
}

Le problème est que l'éditeur ne se charge plus. Est-ce qu'on peut trouver à quelque part le code généré pour l'éditeur ? Est-ce que quelqu'un a une idée à me soumettre ?

Ce serait vraiment, vraiment bien !
#5
Ah, finalement, j'ai trouvé ! Il faut mettre un peu plus d'info (spécifier qu'il s'agit de style_formats):

style_formats : [
{title : 'Liste flèche noire', selector : 'ul', classes : 'fleche-noire'},
{title : 'Liste triangle noir', selector : 'ul', classes : 'triangle-noir'},
{title : 'Liste triangle bleu', selector : 'ul', classes : 'triangle-bleu'}
]

Bon, y a un bug quand on change de style intempestivement (les noms des classes fusionnent au lieu de se remplacer l'un l'autre), mais soyez super content, parce qu'apparemment, personne ne savait ça !
#5
Ah, finalement, j'ai trouvé ! Il faut mettre un peu plus d'info (spécifier qu'il s'agit de style_formats):

style_formats : [
{title : 'Liste flèche noire', selector : 'ul', classes : 'fleche-noire'},
{title : 'Liste triangle noir', selector : 'ul', classes : 'triangle-noir'},
{title : 'Liste triangle bleu', selector : 'ul', classes : 'triangle-bleu'}
]

Bon, y a un bug quand on change de style intempestivement (les noms des classes fusionnent au lieu de se remplacer l'un l'autre), mais soyez super content, parce qu'apparemment, personne ne savait ça !


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)