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
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é

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
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

2

Vous pouvez essayer ces plugins:

TinyMCE Advanced a le paramètre Arrêter la suppression des balises <p>et <br />lors de l'enregistrement et les afficher dans l'éditeur HTML

— fad.lee
source

@evanmcd La suppression des balises <p> et <br />… a- t-elle fonctionné?

— sam

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
source

0

Le plugin suivant a fonctionné pour moi.

https://wordpress.org/plugins/embedit-pro/

— Rijo KP
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
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