web-dev-qa-db-fra.com

Comment insérer du texte de substitution dans la zone de saisie principale?

Je fais un plugin de cours pour une université en Angleterre. Je cherche à mettre un texte d'espace réservé par défaut dans la zone de contenu principale de la publication, du côté de l'administrateur. Son l'éditeur de texte riche, je veux qu'il aille derrière. Je saisis peut-être les mauvais mots, mais je ne peux pas le trouver ici ... de préférence une chose qui ne l'est pas ...

En gros, quelque chose comme "Utilisez cette zone pour rédiger une introduction au cours ...".

Merci

plugin-developmentadminwp-adminadmin-menu
2
danbrown

Vous pouvez modifier "publication" pour le type de publication auquel vous souhaitez appliquer le contenu par défaut.

add_filter( 'default_content', 'wpse57907_default_content', 10, 2 );
function wpse57907_default_content( $content, $post ) {
    if ( 'post' == $post->post_type )
        $content = 'Use this area to write an introduction to the course...';

    return $content;
}

Modifier

Je ne suis pas sûr que vous pouvez ajouter du texte de substitution aux éditeurs Tinymce. La méthode suivante ajoute un espace réservé à la zone de texte sous-jacente (vous pouvez l'afficher dans l'onglet "html", qui sera bientôt l'onglet "texte"):

add_filter('the_editor','wpse57907_add_placeholder');
function wpse57907_add_placeholder( $html ){
    $html = preg_replace('/<textarea/', '<textarea placeholder="my place holder text" ', $html);
    return $html;
}

Mais cela n'apparaît pas dans l'éditeur visuel (comme je l'ai dit, je ne suis pas sûr que les espaces réservés fonctionnent avec TinyMCE - si quelqu'un sait comment faire, veuillez commenter).

4
Stephen Harris

Cela pourrait être la réponse: http://codepen.io/flesler/pen/AEIFc

En ajoutant simplement le code CSS suivant, cela fonctionnera comme un espace réservé:

[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block; /* For Firefox */
}

Nous devons simplement trouver un moyen d’ajouter un attribut de données à l’élément contenteditable de tinyMCE et d’ajouter le peu de CSS à celui-ci pour modifier le contenu modifiable.

0
Hooman Askari

Basé sur un plugin d'espace réservé que j'ai trouvé pour TinyMCE, je l'ai adapté pour fonctionner avec WordPress et j'ai créé un référentiel spécialement pour ce dernier. Fonctionne parfaitement pour moi!

https://github.com/tripflex/wp-tinymce-placeholder

0
sMyles