This thread is resolved. Here is a description of the problem and solution.
Problem: I would like to allow Users to choose different fonts in WYSIWYG editors.
Solution: Activate the font select and font size fields in WYSIWYG editors using the following custom code:
// Enable font size and font family select fields in WYSIWYG editors
if ( ! function_exists( 'tssupp_add_mce_font_buttons' ) ) {
function tssupp_add_mce_font_buttons( $buttons ) {
array_unshift( $buttons, 'fontselect' ); // Add Font Select
array_unshift( $buttons, 'fontsizeselect' ); // Add Font Size Select
return $buttons;
}
}
add_filter( 'mce_buttons_2', 'tssupp_add_mce_font_buttons' );
Relevant Documentation:
https://codex.wordpress.org/TinyMCE
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
Our next available supporter will start replying to tickets in about 0.37 hours from now. Thank you for your understanding.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | 8:00 – 12:00 | - | - |
| 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | 13:00 – 17:00 | - | - |
Supporter timezone: America/New_York (GMT-04:00)
This topic contains 3 replies, has 2 voices.
Last updated by 3 years, 9 months ago.
Assisted by: Christian Cox.
Hi, I'm not sure I understand exactly what you want to accomplish, but it sounds like you want to enable your Users to select from different fonts in the WYSIWYG editor area. In general, you can activate the font-family and font-size select fields in all WordPress WYSIWYG editors with some custom PHP like this:
// Enable font size and font family select fields in WYSIWYG editors
if ( ! function_exists( 'tssupp_add_mce_font_buttons' ) ) {
function tssupp_add_mce_font_buttons( $buttons ) {
array_unshift( $buttons, 'fontselect' ); // Add Font Select
array_unshift( $buttons, 'fontsizeselect' ); // Add Font Size Select
return $buttons;
}
}
add_filter( 'mce_buttons_2', 'tssupp_add_mce_font_buttons' );
You can add this code in a child theme's functions.php file, or create a new custom snippet set to run everywhere in Toolset > Settings > Custom Code tab. This code will add two drop-down fields in each WYSIWYG editor like you see in the screenshot here.
Have I misunderstood what you want to accomplish?
