Adding rich text editing to your plugin?

Hi,

I came across your post a while back, I was trying to do that too.

Haven’t found an answer but I did work it out from the code. So here it is.

/** In main plugin file **/

add_action('admin_print_scripts', 'do_jslibs' );
add_action('admin_print_styles', 'do_css' );

function do_css()
{
    wp_enqueue_style('thickbox');
}

function do_jslibs()
{
    wp_enqueue_script('editor');
    wp_enqueue_script('thickbox');
    add_action( 'admin_head', 'wp_tiny_mce' );
}

/** Then wherever needed **/
<div id="poststuff">
    <?php the_editor('<h2>Some content</h2>','content'); ?>
    /* 'content' is the id of the control  and the name of the
        hidden textarea created.*/
</div>

Note: if the id is different than ‘content’ it doesn’t automatically load the visual mode for some reason. That can be fixed with a call to switchEditors.go(‘theid’, ‘tinymce’); after the document is ready (jQuery.ready(…));

Hope this helps someone one day

Ben

Man thank you so much, this was killing me, I couldn’t find the answer anywhere.

I found a simplified version that seems to work quite well.

I found the answer here.

To sum it up for recent version of WP (2.7, 2.8), In your plugin php file, add the following filter and function :

add_filter('admin_head','ShowTinyMCE');
function ShowTinyMCE() {
	// conditions here
	wp_enqueue_script( 'common' );
	wp_enqueue_script( 'jquery-color' );
	wp_print_scripts('editor');
	if (function_exists('add_thickbox')) add_thickbox();
	wp_print_scripts('media-upload');
	if (function_exists('wp_tiny_mce')) wp_tiny_mce();
	wp_admin_css();
	wp_enqueue_script('utils');
	do_action("admin_print_styles-post-php");
	do_action('admin_print_styles');
}

Then use the following code to insert the editor.

<?php the_editor($content, 'content'); ?>

Where $content is the default content for the editor, and ‘content’ is the name of the form field that is generated.

Hi

I test the code of benlag and hansvedo and even the Editor appears, the buttons of “Add an Image”, “Add video” and “Visual” doesn’t works, no error and nothing happens.

The button “HTML” gives me the JavaScript error “switchEditors is not defined”.

The buttons of “b”, “i” works fine.

The other problem is that when I write, the text appears in white colour, I only can see what I type if I mark the text.

Any tip will be appreciated.

Thanks in advanced.
Leticia

I have 300 line script I’m working on and the editor is there but any sort of javascript does not seem to work.

The java error is “u is undefined”.

When I submit the editor post values for title is as expected but the content value displayed after submission is the original value put into the editor.

Been trying to get past this for 2 days now! Looked at every use of the_editor() online to get this far but I can’t see the issue.

I have this snippet for displaying my editor…

<?php

wp_tiny_mce(false);
add_filter(‘teeny_mce_buttons’, ‘teeny_mce_buttons’);
wp_enqueue_script(‘page’);
if ( user_can_richedit() )
{

wp_enqueue_script(‘thickbox’);
add_action( ‘admin_head’, ‘wp_tiny_mce’ );
wp_enqueue_script(‘editor’);
add_thickbox();
wp_enqueue_script(‘media-upload’);
wp_enqueue_script(‘word-count’);
}

the_editor($post_content, ‘content’);

?>

Benlag had mentioned that if a different id is used, that some javascript code would be needed… specifically:

Note: if the id is different than ‘content’ it doesn’t automatically load the visual mode for some reason. That can be fixed with a call to switchEditors.go(‘theid’, ‘tinymce’); after the document is ready (jQuery.ready(…));

Where do I put this? a new js file? or an existing one?

I’m trying to get 2 editors on the same screen, and the id’s are conflicting… I’m hoping that this will solve my problem.

Thoughts?

Thanks

Matt

This is still a hard one for me.
I get the editor, but still having some issues with the visual/html buttons. They don’t show up like they schould be.
I’m getting js errors too when pressing them. And the height off the textarea changes to 0 so I cannot see it after pressing the visual/html buttons.
I tried all methodes posted above, and others I found on google, but none is working as it schould be.
Hope someone could help me with this.