Let me first start out by saying that when it comes to hard coding with Wordpress, I'm a rookie. Not that I haven't done it, but more in the matter I don't know exactly HOW to do certain things. With that said, here is my issue that I have spent HOURS researching on:
I'm trying to create a front end textarea using wp_editor
that can be updated by multiple users and display the content in say a <div>
. I've got the editor to show up on the front end but there is no save or submit button. Even if I create my own save/submit button, it doesn't do anything. How can I accomplish this? My atrocious code is attached.
NOTE: If there is an easier way to do this, I'm all for it. I would really like to get more involved with hardcoding for Wordpress than relying on plugins.
function front_end_text_box() {
if(!is_admin()){
require_once(ABSPATH . 'wp-admin/includes/template.php');
}
//$post_id = 7;
//$post = get_post( $post_id, OBJECT, 'edit' );
$content = '';//$post->post_content;
$editor_id = 'mycustomeditor';
$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)
);
//$save_content = get_post_meta ($post->ID, 'front_end_text_box', true);
//echo '<form action="" method="post" target="_self">';
wp_editor( $content, $editor_id, $settings );
//wp_update_post($post_id);
//submit_button( 'Save Content');
//echo '<input type="submit" value="Submit"></form>';
//echo '<textarea>' . $content . '</textarea>';
//echo esc_html( get_post_meta( get_the_ID(), '_mycustomeditor', true ) );
}
/*
function save_wp_editor_fields(){
global $_POST;
//*update_option('my_content');
update_post_meta($post->ID, 'mycustomeditor', $_POST['mycustomeditor']);
//$post->post_content = $editor_id;
}
add_action( 'save_post', 'save_wp_editor_fields' );
//add_action('admin_init','save_wp_editor_fields', 10);
*/