Tag Archives: visual editor

Enable TinyMCE Code Formatting Buttons In WordPress Visual Editor

In this lesson you will see how to add the Pre and Code buttons on TinyMCE toolbar (with customizable shortcuts) present in WordPress visual editor on ADD NEW/EDIT content screens.  Continue reading Enable TinyMCE Code Formatting Buttons In WordPress Visual Editor

WP Style Kit – Apply New Text Styles From WordPress Visual Editor

Default WordPress TinyMCE buttons present in visual editor provides you limited set of options. Earlier we have discussed about adding more options by activating new TinyMCE buttons in visual editor present on ADD NEW/EDIT content screens of WordPress.  Continue reading WP Style Kit – Apply New Text Styles From WordPress Visual Editor

Beautifully Copy-Paste Text From Word To WordPress

In this lesson we will show you how you can copy and paste text from Word/Writer to WordPress post visual editor without losing lists, tables and other HTML things.  Continue reading Beautifully Copy-Paste Text From Word To WordPress

Extend WordPress Distraction Free Writing Mode With All Important Buttons

Default WordPress distraction free writing mode provides you a minimal set of options. Earlier we have discussed about adding preview button and changing the width of editor in distraction free writing mode.

In this article we will show you how you can extend it very beautifully to enable all other kinds of extra functions which a user needs while writing a post in WordPress.  Continue reading Extend WordPress Distraction Free Writing Mode With All Important Buttons

How To Keep WordPress Kitchen Sink Always On In Visual Editor?

WordPress kitchen sink i.e. the second row of visual editing buttons is hidden by default but post authors can easily view it by clicking the ‘Toggle Toolbar’ tinyMCE button in visual editor.

Continue reading How To Keep WordPress Kitchen Sink Always On In Visual Editor?

How To Add Extensive Editing Options In WordPress?

WordPress provides you  a content editor on post edit screens known as visual editor, we have already discussed about its usage and working. We have also discussed about adding advanced options and transforming visual editor in office environ content editor. Now this tutorial is on a simple and powerful plugin called WP Edit. It allows you activate a set of very useful editing options, features, widgets etc for post editor and other sections of your website etc.

Continue reading How To Add Extensive Editing Options In WordPress?

How To Use & Extend WordPress Visual Editor?

WordPress provides you two kinds of editors (Visual & Text)  can be used for creating or editing content inside your posts, pages and other custom post types. Text editor works like a normal HTML editor, with text editor you can manually insert formatting tags, paste content from other websites and no formatting will be included.

Continue reading How To Use & Extend WordPress Visual Editor?

Easily Enable Bootstrap Glyphicons In WordPress Visual Editor

Bootstrap Glyphicons in Visual Editor is the brand new WordPress plugin that enabled a TinyMCE button in WordPress visual editor. Using this new button you can easily add Glyphicons included with Twitter Bootstrap 3 inside your WordPress site content like posts, pages and other CPTs etc.

Continue reading Easily Enable Bootstrap Glyphicons In WordPress Visual Editor

Advanced Drag & Drop HTML Visual Editor WordPress Plugin

WYSIWYG Visual HTML Editor & Drag And Drop Web Page Editor With CKEditor, Desktop Publisher For WordPress is a powerful WordPress Plug & Edit HTML Editor based on 3D page building design with height, width and depth.

Continue reading Advanced Drag & Drop HTML Visual Editor WordPress Plugin

Now Edit Post In Preview Mode Using New WordPress Smart Editor

You already know about WordPress Visual editor and HTML editor, they all works in the back-end. Here we are discussing about new WP Smart Editor that works directly in Post Preview Mode which means you can directly edit, write and customize your post content from its preview page itself using this new post editor.

Continue reading Now Edit Post In Preview Mode Using New WordPress Smart Editor

How To Enable TinyMCE Spellcheck Button In WordPress Visual Editor ?

TinyMCE Spellcheck is new WordPress plugin that lets you add a simple spellcheck button in visual editor present in WordPress add new & edit post pages. The plugin is easy to use and automatically starts working after activation. It is a fork of After the Deadline plugin which is now a part of Jetpack by WordPress.Com plugin.

Continue reading How To Enable TinyMCE Spellcheck Button In WordPress Visual Editor ?

How To Add Code Element TinyMCE In WordPress Visual Editor ?

Code element button is used for displaying code in programming language tutorials. Most bloggers use if for showing hacks and small code snippets inside their post content. By default code element button is present only on WordPress HTML editor, alternatively you many also use its tags and enclose your code using <code> and </code>. This tutorial explains you how to very easily add code element button both on WordPress visual and full screen editor.

First install and activate the new WordPress plugin called TinyMCE Code Element. After activation visit your admin area Dashboard -> Posts -> Add New and you will be seeing new <> sign button added to your visual editor.

Now simply select the code you have written inside your post and click the code element TinyMCE button as shown in the given screenshot.