Josh

Hi Richard,

Unfortunately, at this time, the answer is (regrettably) “no”, it only works for everywhere a WordPress editor is used in the admin panel (with a few exceptions).

However, I think this is a WONDERFUL idea to allow an option for the user to select to include the enhanced editor on posts, pages, or custom post types.

I will certainly incorporate this suggestion into the plugin for the next release.

Thank you for the awesome suggestion, and please have a wonderful day!

Okay; I’m going to mark this as resolved.

Let me know if you still would like some assistance.

Hi David,

Okay, to get the font to display properly throughout, there are three places where the font style must be defined:

1) The content editor css.
2) The admin panel css.
3) The front-end css.

These correspond (respectively) to the following:

1) For rending the font inside the content editor.
2) For rendering the font inside the dropdown list.
3) For rendering the font on the front-end pages.

The purpose of the code snippet above (in your post) is to set the font names and font style to apply to each name; in the font dropdown selector; and apply that name to the selected content inside the editor. That’s it.

To get the style to render properly, the css declaration must be made in the three areas I mentioned above. It sounds like you have #3 already covered. So, you need to add the css for numbers one and two.

For number one; you need to add the css rule for your font to the content editor css. There are a number of ways to do this, but I’ll show one example implementation.

@font-face {
    font-family: 'marker felt wide';
    src: url(PATH_TO_THE_FONT.woff);
}

This needs to be saved as a stylesheet; and then applied to the content editor initialization values. Here is one way to do so:

function my_new_editor_fonts($init) {

    // Define new stylesheet location
    $new_css = "PATH_TO_THE_STYLESHEET.css";

    // If current stylesheets exist; we need to add ours to exisitng
    if(isset($init['content_css')) {

        $old_css = $init['content_css'];
        $init['content_css'] = $old_css . ', ' . $new_css;
    }
    // Else no current stylesheets; set ours as new
    else {

        $init['content_css'] = $new_css;
    }

    return $init;
}
add_filter( 'tiny_mce_before_init', 'my_new_editor_fonts' );

This applies the custom css (which contains the font declaration) to the content editor; which will make the font render properly in the content editor.

For number two; it’s a bit easier. You just need to create another stylesheet, with the same font declaration, and add it to the WordPress admin panel css.

The stylesheet will be the same as the one used in the first part of number one (above). The function to add the css is a bit different. One way is to add the css to all admin pages:

function load_custom_wp_admin_css() {
        wp_register_style( 'my_custom_wp_admin_css', 'PATH_TO_THE_STYLESHEET.css', false, '1.0.0' );
        wp_enqueue_style( 'my_custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_css' );

This will load the custom css file into all admin pages. Doing so will make the font render properly in the font selector dropdown list.

Remember, the paths to your stylesheets need to be set properly. You may need to use different WordPress functions for the location to your css, depending on where you save the file.

Lastly, the Pro version REALLY simplifies this entire process.

Let me know if you get stuck along the way.

Thank you so very much. I certainly appreciate the feedback and very kind words! Thank you.

Okay, sorry for the redundancy… I just want to ensure I understand correctly.

In your first post; you mention:

I can see the visual editor for the User profile Biography field for the Admin but when i login as a blogger and try to edit my info, i don’t see the visual editor field.

Is this still happening; or is this working they way you envisioned?

Now, regarding:

I can see the advanced editor in the profile description but when i call it using the following code to display it, i see the description in one straight line ignoring my line breaks which i tried with enter key and also with br tag.

Try wrapping the output in the WordPress wpautop() function.

So, it may look something like this:

$myVar = wpautop(the_author_description());

Or…

$myVar = wpautop(get_user_meta($user_id, 'description', true));

Doing so should output your line breaks properly.

I’m going to mark this topic as resolved. Please let me know if the issue persists after the latest update.

Thank you.