web-dev-qa-db-fra.com

Comment ajouter l'éditeur wysiwyg dans la meta box Wordpress

Je crée une méta-boîte pour mon type de message personnalisé. Il existe plusieurs champs dans lesquels j'aimerais utiliser l'éditeur wysiwyg plutôt que <textarea> Est-il possible d'ajouter plusieurs éditeurs à une méta-boîte?

J'apprécierais vraiment votre aide!

Merci beaucoup . Dasha

wordpresseditorfieldmeta-boxes
18
DashaLuna

Voici un exemple de code complet:

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 l'ajout de codes personnalisés, utilisez Champs personnalisés avancés, il est excellent et vous simplifie la vie.

31
T.Todua

http://codex.wordpress.org/Function_Reference/wp_editor était de loin la méthode la plus simple que j'ai trouvée, intégrée à Wordpress depuis la version 3.3 (mise à niveau ;-))

26
Adam Sargant

Mais vous devez remplacer la présentation par la fonction nl2br () car textarea dans les modèles personnalisés a le problème toogle JS, qui supprime toutes vos balises <P> et <br/> et, par conséquent, tous les sauts de ligne.

3
WP Fan
// 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>
1
user3962908

Vous pouvez utiliser l'éditeur de texte par défaut wordpress 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' );
}
1
Akanksha Sharma

Cela a fait le tour pour moi:

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

Il s’agit essentiellement de créer votre textarea avec un identifiant, puis d’appeler depuis js:

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

J'espère que ça aide!

0
alesub

Installez d’abord le plugin TinyMCE Advanced . Deuxièmement, ajoutez la classe "theEditor" à votre zone de texte comme ceci 

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

C'est tout;)

Nabeel

0
Nabeel

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

0
blockhead