Conserver le format HTML lors du passage de Visual à l'éditeur HTML

12

Je cherchais une solution qui me permettrait de modifier le code HTML et de le laisser après un passage à l'éditeur visuel et retour.

J'ai essayé plein de choses sans succès:

  • le plugin wp-no-format
  • le plugin HTML brut
  • entrer tout mon HTML sur une seule ligne

S'il ne s'agissait que de moi pour gérer le contenu, je désactiverais l'éditeur visuel. Mais comme j'ai un certain nombre de gestionnaires de contenu et des pages sur lesquelles il y a du HTML (formulaires, par exemple) et du contenu à modifier, ce n'est pas une option.

Toute suggestion sera grandement appréciée.

html visual-editor formatting evanmcd
la source
essayez-vous d'afficher le code dans une publication / page
xLRDxREVENGEx
Le code HTML est le plus souvent affiché sur une page, oui.
evanmcd
Je viens d'ajouter quelques surligneurs de syntaxe ainsi que les résultats de la recherche
xLRDxREVENGEx
La seule solution que j'ai trouvée qui respecte le code en HTML et Visual Editor est le rawhtmlpro.com
Sylvain Rayé

Réponses:

7

Je sais exactement comment vous vous sentez, et malheureusement, ce problème est enraciné dans le code de base wordpress pas dans TinyMCE ou en raison de problèmes de compatibilité avec le navigateur. J'ai écrit un plugin qui vous permet de formater le balisage html dans l'éditeur HTML, de basculer entre celui-ci et l'onglet Visual sans affecter le code source, et d'apporter des modifications dans l'onglet Visual sans casser le formatage HTML d'origine ...

http://wordpress.org/extend/plugins/preserved-html-editor-markup/

Il conserve également les indentations à onglets - 4 espaces uniquement :( - et améliore la compatibilité HTML5.

Le seul "écueil" est qu'il désactive wpautop. Je cite un piège parce que certaines personnes détestent que l'éditeur entoure les balises p autour de leur contenu, par conséquent, l'éditeur visuel utilisera des balises br pour les retours chariot - vous devrez donc peut-être ajuster vos feuilles de style.

Prendre plaisir!

Marcus Pope
la source
1
J'ai mis à jour le plugin avec quelques fonctionnalités qui résolvent le problème sans wpautop. Maintenant, l'éditeur visuel peut être configuré pour injecter des balises p ou des balises br ou les deux (deux nouvelles lignes consécutives créent une balise ap.) Et il prend en charge javascript et css en ligne. Dans la version 1.5, qui sera bientôt publiée, elle prendra également en charge les blocs de code javascript. Si vous voulez que votre balisage ressemble à ce que vous l'avez écrit, c'est certainement le plugin à utiliser. Rien de ce que j'ai essayé ne se rapproche.
Marcus Pope
Merci beaucoup, c'est la seule solution que j'ai trouvée qui fait que l'éditeur visuel (après l'enregistrement) ne change pas le HTML.
jackJoe
Aujourd'hui est 2015, et le plugin a une mise à jour
Ooker
Fonctionne toujours comme un charme!
joseantgv
0

S'il n'y a que des sections de code que vous ne souhaitez pas modifier, vous pouvez également stocker ce HTML / embed / etc sensible dans des champs personnalisés.

En utilisant ce plugin de shortcode, vous pouvez inclure les champs personnalisés RAW dans n'importe quel article, page ou même widget avec quelque chose comme: [inclure "mon nom de champ personnalisé"]. Il peut également extraire des extraits communs d'autres publications avec quelque chose comme [include global = "shared_code_menu"].

C'est une alternative bon marché et a des limites, mais elle est légère et simple.

http://pp19dd.com/wordpress-plugin-include-custom-field/

pp19dd
la source
-1

Ok, donc passons maintenant à une réponse. Voulez-vous quelque chose comme ça

-Titre-
Exemple de message

-contenu-
lalalalalalalalalalalalala

<div><a href="blah.com">Blah</a></div>

Une liste de surligneurs de syntaxe
- Bouton SyntaxHighlighter TinyMCE
- WP SyntaxHighligter
- RBCODE
- Le résultat de la recherche à partir de Wordpress Extend

xLRDxREVENGEx
la source
Hmm, je ne sais vraiment pas ce que vous essayez de faire passer avec cette réponse. Pouvez-vous expliquer un peu plus? Comprenez-vous la nature du problème que j'essaie de résoudre?
evanmcd
J'ai demandé si vous vouliez montrer le html, vous avez dit oui. C'est ce que fait un surligneur de syntaxe. Maintenant, si ce n'est pas ce que vous cherchez, désolé, mais c'est ainsi que je l'ai lu. Alors, essayez-vous d'utiliser du HTML personnalisé dans un article pour changer l'apparence de l'article?
xLRDxREVENGEx
Le problème que j'essaie de résoudre: 1) entrez HTML dans HTML View. 2) passez en mode Design. 3) revenez à la vue HTML. Le HTML a été modifié quand je ne le veux pas.
evanmcd
ouais je viens de réaliser que ça arrive je n'utilise jamais la vue non html donc je ne m'en suis jamais rendu compte J'essaie toujours de comprendre
xLRDxREVENGEx