WordPress Tips, Code Snippets, and How To Tutorials

Editor

How to disable the visual editor in WordPress when editing pages or posts

by Leave a Comment

On your WordPress website you may want to disable the visual editor when you are editing page or posts on the website. That would be something you may want to do if you want to use the text or html editor.

Disable visual editor in WordPress

  1. From the WordPress admin left menu you can click on users > your profile
  2. From the profile page the first option is often to disable the visual editor
  3. You can then click that option
  4. You can then save the update

    5. Now if that worked for you it would disable the visual editor on your WordPress website on there.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Update the WordPress visual editor with a new font without a plugin

by Leave a Comment

On your WordPress website the visual editor may be in a font that you do not like on there. You can update the font of the visual editor without a plugin if you add this code to your functions.php file. You may want to backup your WordPress website before you make updates to the functions.php file on it.

/**
 * Update the visual editor font
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
function change_editor_font(){
echo "<style type='text/css'>
#editorcontainer textarea#content {
font-family: YOURFONTHERE;
font-size: 14px;
color: #111;
}
</style>";
}
add_action("admin_print_styles", "the_editor_font");

You can then replace YOURFONTHERE with the font and the font size and font color that you want to use on it. Now if that works for you it would update the font of the visual editor on your WordPress website on there.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Update the WordPress text html editor font without a plugin

by Leave a Comment

The text html editor on your WordPress website may be in a font that you do not like on there. You can update the font of the text html editor without a plugin if you add this code to your functions.php file. You may want to backup your WordPress website before you make updates to the functions.php file.

/**
 * Update the text html editor font
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
function the_editor_font(){
echo "<style type='text/css'>
#editorcontainer textarea#content {
font-family: YOURFONTHERE;
font-size: 14px;
color: #111;
}
</style>";
} 
add_action("admin_print_styles", "the_editor_font");

You can then replace YOURFONTHERE with the font and the font size and font color that you want to use. Now if that works for you it would update the font of the html editor on your WordPress website on there.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Define the default visual or text html editor in your WordPress website for posts and pages

by Leave a Comment

The WordPress website often has two options for the editor which is the default visual editor and the text or html editor. You can define which editor is default without a plugin if you add this code to your functions.php file. You may want to backup your WordPress website before you make updates to the functions.php file.

Do the visual editor as the default editor

/**
 * Define visual editor as default editor
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
add_filter( 'wp_default_editor', create_function('', 'return "tinymce";') );

Do the text html editor as the default editor

/**
 * Define text html editor as default editor
 *
 * @author WPSnacks.com
 * @link https://www.wpsnacks.com
 */
add_filter( 'wp_default_editor', create_function('', 'return "html";') );

Now if that works for you it would define the default editor on your WordPress website on there.

If you like this then you should look up more of our WordPress Tips Code Snippets and Tutorials.

Disclosure: There are affiliate links on posts and throughout the website and if you use the links to make a purchase we may earn a commission from it. We link to these companies and their products because of the quality of the companies and not because of the commission we may receive from it.

Disclaimer: The information contained in this website is for general information purposes only and in no event will this website or its owners be liable for any losses or damages associated with your use of our website or content. We recommend that you make a backup of your website before you make updates to it. Click here to see our full Disclaimer.

Copyright © 2019 • wpsnacks.com