Remplacement d'un textarea avec WordPress TinyMCE wp_editor()

Je cherche à remplacer un textarea avec wp_editor()

Mon textarea élément de formulaire ressemble à ceci:

<textarea name="post_text" id="post_text" rows="3"><?php echo $content; ?></textarea>

Alors j'ai:

wp_editor( $content, 'post_text' );

Le problème, je suis à la fois le formulaire textarea et le wp_editor textarea sont affichés sur la page. Pourquoi les deux textareas de l'affichage? J'ai seulement besoin d'un textarea pour afficher. Tout ce qui économise de l'amende, j'ai juste ce problème de 2 textareas montrant.

EDIT: Est-ce aussi simple que de mettre un display: none; sur mon formulaire textarea il suffit donc de la wp_editor() textarea affiche? Qui semble fonctionner, mais se sent un peu hackish.

  • - Je résoudre le même problème en retirer <textarea> tag complètement de ma page seulement besoin de $settings = array ( 'textarea_name' => 'text_name' ) ;
InformationsquelleAutor henrywright | 2013-12-02
  1. 9

    J'ai trouvé la solution. Vous pouvez utiliser un troisième paramètre à passer un tableau d'arguments. Maintenant, c'est assez évident, comme indiqué dans le Codex: http://codex.wordpress.org/Function_Reference/wp_editor

    Ce qui est un peu déroutant (la source de mon problème) est de $editor_id ne peut contenir que des lettres minuscules. Donc, si votre script de traitement du formulaire, est à la recherche de quelque chose avec des traits de soulignement (comme le mien l'était), alors vous aurez besoin pour ce faire:

    $settings = array( 'textarea_name' => 'post_text' )

wp_editor( $content, $editor_id, $settings );

    Remarque vous ne pouvez pas faire ceci:

    wp_editor( $content, 'post_text' );

    Qui est l'endroit où je suis allé mal.

    InformationsquelleAutor henrywright
  2. 2

    Si vous placez une zone de texte dans votre code

    <textarea></textarea>

    Alors bien sûr, il va apparaître sur la page, c'est ce qu'il est censé faire. Sauf s'il y a quelque chose que je ne suis malentendu, je ne vois pas comment cela ne fait pas de sens.

    Comme vous l'avez suggéré, je pense que cela va faire ce que vous voulez:

    <textarea style="display:none" name="post_text" id="posttext" rows="3"><?php echo $content; ?></textarea>

    Qu'il sera toujours là fonctionnellement, mais invisible.

    • Merci. Je n'ai pas besoin d'avoir le textarea élément sur la page? Puis-je le supprimer? Est-ce que les wp_editor() est destiné à travailler?
    • Hm. J'ai regardé dans les TinyMCE un peu plus et il semble que j'ai mal compris votre question. Pourriez-vous fournir plus de code? Je pense que le problème se produit ailleurs.
    • Pouvez-vous fournir un lien à l'endroit où le problème se passe ailleurs? C'est en fait tout le code que j'ai jusqu'ici. Entendez-vous le traitement de forme de code? Qui est à venir à partir d'un plugin appelé Simple Avant la Fin de la Poste github.com/sbrajesh/bp-simple-front-end-post
    • C'est tous de votre code? C'est l'appel au wp_editor à l'intérieur de <?php et ?> ? De quoi êtes-vous à l'aide de l'éditeur TinyMCE pour?
    • Oui, c'est ça. Je suis à l'aide de l'éditeur TinyMCE pour éditer de messages WordPress à partir de l'extrémité avant. Je crois avoir résolu le problème. Procédant de la manière suivante permet de supprimer la mise en forme du textarea de la page et utiliser le textarea qui est délivrée par wp_editor(): $settings = array( 'textarea_name' => 'bp_simple_post_text' ...
    • Fabuleux 🙂 n'oubliez pas de post que comme une réponse ensuite.
    • Va faire. Merci pour votre aide!

    InformationsquelleAutor Entity
  3. 0

    Appelez votre template page où vous souhaitez placer tinyMCE, sur qu' template page place un placeholder comme CONTENT_EDITOR et l'utilisation de php str_replace fonction pour ajouter tinyMCE pour que template contenu:

    function add_tinymce_to_page(){
    $creatorHTML                    =   file_get_contents(
        'your-template-pafe.php',
        TRUE
    );

    $editorHTML                     = generate_content_with_editor();
    $creatorHTML                    =   str_replace(
        'CONTENT_EDITOR',
        $editorHTML,
        $creatorHTML
    );

    return $creatorHTML;
}

function generate_content_with_editor(){
    ob_start();
    wp_editor( '', 'tinymcecontenteditor' );
    $editor_contents                = ob_get_contents();
    ob_get_clean();
    return $editor_contents;
}

    - Je utiliser php's ob donc tinyMCE ne s'affiche pas avant pleine page est affichée.

    InformationsquelleAutor Jadeye
  4. 0

    Au lieu de la sortie d'un nouveau textarea de la page (par wp_editor()) et de cacher l'origine textarea avec display: none;, on peut faire cela:

    add_action('admin_init', '20331501_convert_textarea_to_wysiwyg');

function 20331501_convert_textarea_to_wysiwyg(){
    wp_enqueue_editor();
    add_action( 'admin_print_footer_scripts', function() {
        ?>
        <script>
            jQuery(function(){
                wp.editor.initialize('the-id-of-your-textarea-without-the-#', {
                    setup: function (editor) {
                        editor.on('change', function () {
                            editor.save();
                        });
                    }
                });
            });
        </script>
        <?php
    }, 10, 2 );
}

    Cet extrait de code convertit le existant textarea pour wysiwyg. Le editor.save() prend soin de mettre à jour le textarea de la valeur, de sorte que celui-ci est transmis le long lorsque l'on soumet le formulaire. (les crédits à @Dan Malcolm)

    InformationsquelleAutor jgangso