Saving and displaying content on front end with wp_editor

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. I also apologize now if this topic is better suited in another section of the forum. Wasn’t quite sure where my issue fit in. 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);*/

• This topic was modified 8 years, 3 months ago by Steven Stern (sterndata). Reason: put code in code tags