Comment ajouter de l'éditeur wysiwyg de WordPress meta box

Je suis de la création d'un méta box pour mon custom post type. Il y a plusieurs domaines où je voudrais utiliser l'éditeur wysiwyg plutôt que <textarea>. Il est possible d'ajouter plusieurs éditeurs à une meta box?

J'apprécierais vraiment votre aide!

Merci beaucoup.
Dasha

OriginalL'auteur DashaLuna | 2010-08-16

  1. 31

    Voici le code complet de l'exemple:

    add_action( 'add_meta_boxes',  function() { 
    add_meta_box('html_myid_61_section', 'TITLEEEEE', 'my_output_function');
});

function my_output_function( $post ) {
    $text= get_post_meta($post, 'SMTH_METANAME' , true );
    wp_editor( htmlspecialchars_decode($text), 'mettaabox_ID', $settings = array('textarea_name'=>'MyInputNAME') );
}

add_action( 'save_post', function($post_id) {
    if (!empty($_POST['MyInputNAME'])) {
        $datta=htmlspecialchars($_POST['MyInputNAME']); //make sanitization more strict !!
        update_post_meta($post_id, 'SMTH_METANAME', $datta );
    }
});

    P. S. DOIT-Recommandation de mon expérience:

    Oubliez pas d'ajouter des codes personnalisés, utilisez Avancée Des Champs Personnalisés, c'est excellent et simplifier votre vie.

    Mais pour l'Avancée des Champs Personnalisés, vous avez à payer de $30.00 pour un relais de terrain. Je préfère faire mon propre.
    - Vous plutôt votre propre code que de payer $30.00? Combien de temps pensez-vous qu'il va vous prendre pour mettre en œuvre cette?
    Il n'a pas fallu trop longtemps. C'était une excellente expérience d'apprentissage, aussi! Si vous êtes curieux, vous pouvez le vérifier ici
    pour l'amour de l'apprentissage, alors vous avez ma bénédiction! 🙂
    'get_post_meta($post" doit être "get_post_meta($post->ID'

    OriginalL'auteur

  2. 26

    http://codex.wordpress.org/Function_Reference/wp_editor était de loin la méthode la plus simple que j'ai trouvé, intégré dans WordPress depuis 3.3 (donc mise à niveau 😉 )

    N'oubliez pas de mettre le id argument pour quelque chose de différent que la chaîne vide ou s'il ne fonctionne pas...

    OriginalL'auteur

  3. 3

    Mais vous avez besoin pour remplacer la présentation avec nl2br() fonction que textarea dans des modèles personnalisés ont la bascule JS question, qui supprime toutes vos <P> et <br/> balises et, par conséquent, tous les sauts de ligne.

    OriginalL'auteur

  4. 1

    Vous pouvez utiliser le wordpress éditeur de texte par défaut dans la metabox à l'aide de

    add_action( 'edit_page_form', 'my_second_editor' );
function my_second_editor() {
    //get and set $content somehow...
    wp_editor( $content, 'mysecondeditor' );
}

    OriginalL'auteur

  5. 1
    //for custom post type

function wo_second_editor($post) {

  echo "<h3>Write here your text for the blue box on the right:</h3>";
  $content = get_post_meta($post->ID, 'wo_blue_box' , true ) ;
  wp_editor( htmlspecialchars_decode($content), 'wo_blue_box', array("media_buttons" => false) );
}

add_action('edit_form_advanced', 'wo_second_editor');


function wo_save_postdata($post_id, $post, $update) {

  //...

  if (!empty($_POST['wo_blue_box'])) {
    $data=htmlspecialchars($_POST['wo_blue_box']);
    update_post_meta($post_id, 'wo_blue_box', $data );
  }
}

add_action('save_post', 'wo_save_postdata');


//Theme:

<div class="blue">
  <?php
  $content = get_post_meta(get_the_ID(), 'wo_blue_box' , true );
    $content = htmlspecialchars_decode($content);
    $content = wpautop( $content );
    echo $content;
  ?>
</div>

    OriginalL'auteur

  6. 0

    Essayer le champ personnalisé modèle de plugin http://wordpress.org/extend/plugins/custom-field-template/

    Soin d'expliquer le downvote?

    OriginalL'auteur

  7. 0

    D'abord installer TinyMCE Advanced plugin.
    Deuxième ajouter "theEditor" classe à votre textarea comme ce 

    <textarea  class="theEditor" name="custom_meta_box"></textarea>

    Thats it
    😉

    Nabeel

    OriginalL'auteur

  8. 0

    Cela a fonctionné pour moi:

    http://www.farinspace.com/multiple-wordpress-wysiwyg-visual-editors/

    C'est essentiellement de la création de votre textarea avec un id, puis de l'appel js:

    tinyMCE.execCommand('mceAddControl', false, 'your_textarea_id');

    Espère que cela aide!

    OriginalL'auteur