web-dev-qa-db-fra.com

wp_editor ne fonctionne pas dans la zone frontale

Je développe un thème pour lequel j'aimerais avoir une zone frontale, mais lorsque j'essaie d'inclure la fonction wp_editor() dans le modèle de page, j'obtiens le résultat suivant:

wp_editor() problem

P.S. L'éditeur wordpress fonctionne bien dans le tableau de bord.

wp editor in the dashboard works fine

Pietro

front-endwp-editor
1
Pietro

Wild suppose que, utilisez-vous _ (trait de soulignement) dans votre ID éditeur? Si oui, essayez de les supprimer et utilisez uniquement des lettres minuscules. Quelque chose comme thisismyeditorid.

Du Codex ..

Notez que l'ID transmis à la fonction wp_editor () ne peut être composé que de lettres minuscules. Pas de soulignement, pas de trait d'union. Tout le reste entraînera un dysfonctionnement de l'éditeur WYSIWYG.

2
Abhik

Vous devez d’abord définir les variables $settings, $editor_id et $content. Ensuite, vous pouvez appeler wp_editor().

Quelque chose comme ça devrait marcher pour vous:

// default settings
$content = 'This content gets loaded first.';
$editor_id = 'my_frontend_editor';
$settings =   array(
    'wpautop' => true, // use wpautop?
    'media_buttons' => true, // show insert/upload button(s)
    'textarea_name' => $editor_id, // set the textarea name to something different, square brackets [] can be used here
    'textarea_rows' => get_option('default_post_edit_rows', 10), // rows="..."
    'tabindex' => '',
    'editor_css' => '', // intended for extra styles for both visual and HTML editors buttons, needs to include the <style> tags, can use "scoped".
    'editor_class' => '', // add extra class(es) to the editor textarea
    'teeny' => false, // output the minimal editor config used in Press This
    'dfw' => false, // replace the default fullscreen with DFW (supported on the front-end in WordPress 3.4)
    'tinymce' => true, // load TinyMCE, can be used to pass settings directly to TinyMCE using an array()
    'quicktags' => true // load Quicktags, can be used to pass settings directly to Quicktags using an array()
);
wp_editor( $content, $editor_id, $settings );

N'oubliez pas que les variables doivent être définies avant de pouvoir les utiliser.

2
josh

Pour l'afficher dans un modèle, utilisez ceci:

<?php
/*
Template Name: Template-Editor */
?>

//have to load all the scripts and header info
<?php get_header(); ?>

<?php 
$content = 'Initial content for the editor.';
$editor_id = 'editor';
$settings =   array(
    'wpautop' => true, //Whether to use wpautop for adding in paragraphs. Note that the paragraphs are added automatically when wpautop is false.
    'media_buttons' => true, //Whether to display media insert/upload buttons
    'textarea_name' => $editor_id, // The name assigned to the generated textarea and passed parameter when the form is submitted.
    'textarea_rows' => get_option('default_post_edit_rows', 10), // The number of rows to display for the textarea
    'tabindex' => '', //The tabindex value used for the form field
    'editor_css' => '', // Additional CSS styling applied for both visual and HTML editors buttons, needs to include <style> tags, can use "scoped"
    'editor_class' => '', // Any extra CSS Classes to append to the Editor textarea
    'teeny' => false, // Whether to output the minimal editor configuration used in PressThis
    'dfw' => false, // Whether to replace the default fullscreen editor with DFW (needs specific DOM elements and CSS)
    'tinymce' => true, // Load TinyMCE, can be used to pass settings directly to TinyMCE using an array
    'quicktags' => true // Load Quicktags, can be used to pass settings directly to Quicktags using an array. Set to false to remove your editor's Visual and Text tabs.
    'drag_drop_upload' => true //Enable Drag & Drop Upload Support (since WordPress 3.9) 
);
wp_editor( $content, $editor_id, $settings );

 ?>

//have to include the footer info
<?php get_footer(); ?>

Ou vous pouvez afficher seul un éditeur vide en utilisant les paramètres par défaut:

<?php

$content = '';
$editor_id = 'mycustomeditor';

wp_editor( $content, $editor_id );

?>

Documentation: https://codex.wordpress.org/Function_Reference/wp_editor

0
jake