フロントエンド領域を作りたいテーマを開発していますが、ページテンプレートにwp_editor()
を含めようとすると、この結果が得られます。
P.Sワードプレスエディタはダッシュボードでうまく機能します。
ピエトロ
あなたの編集者IDに_
(アンダースコア)を使用していますか?もしそうなら、それらを削除して小文字だけを使用してみてください。thisismyeditorid
のようなもの。
コーデックスから ..
Wp_editor()関数に渡されるIDは、小文字のみで構成できることに注意してください。アンダースコア、ハイフンはありません。それ以外のものはWYSIWYGエディタを誤動作させるでしょう。
最初に$settings
、$editor_id
および$content
変数を定義する必要があります。それからあなたはwp_editor()
を呼ぶことができます。
このようなものはあなたのために働くはずです:
// 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 );
覚えておいて、あなたがそれらを使うことができる前に、変数は定義されなければならない。
テンプレートで表示するには、これを使います。
<?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(); ?>
あるいは、デフォルト設定を使って空のエディタを単独で表示することもできます。
<?php
$content = '';
$editor_id = 'mycustomeditor';
wp_editor( $content, $editor_id );
?>
ドキュメント: https://codex.wordpress.org/Function_Reference/wp_editor