Tag Archives: TinyMCE

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

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

Turn WordPress Visual Editor Bar Sticky & More Useful

When you are writing any long blog post etc and the text grows, the mceToolbar goes away after you scroll down and for using its buttons you again scroll back to top. But now you can make that TinyMCE toolbar stick in a click without losing the symmetry and the beauty of WordPress.

Continue reading Turn WordPress Visual Editor Bar Sticky & More Useful

Easily Add Cool Responsive Bootstrap Tabs In WordPress

Easy Responsive Tabs is the new WordPress plugin you can use for adding responsive tabs inside your pages, posts and other custom post types etc and you can do this very easily by using its tinyMCE shortcode button in WordPress visual editor. See it in action here.

Continue reading Easily Add Cool Responsive Bootstrap Tabs In WordPress

Simplest Way To Add Twitter Bootstrap 3.0 Styles In WordPress

Easy Bootstrap Shortcode is the new WordPress plugin that adds TinyMCE Twitter Bootstrap 3.0 style buttons in WordPress visual editor and enables you to use responsive bootstrap shortcodes inside your posts, pages and custom post in simplest manner.

Continue reading Simplest Way To Add Twitter Bootstrap 3.0 Styles In WordPress

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

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 ?

Easily Tweak Frontend & Backend Of Your WordPress Site

With WP Caregiver plugin you can easily turn on-off some basic theme and core services of WordPress. Simply install and activate then plugin. After activation visit your admin area Dashboard -> Settings -> WP Caregiver and tick the features which you like to remove.

Continue reading Easily Tweak Frontend & Backend Of Your WordPress Site

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.

Online WYSIWYG HTML & HTML5 Editor For Generating HTML Code From Visually Created Content

Using WYSIWYG HTML and HTML5 Online Editor you can easily design your content using easy Office or Tiny MCE buttons and then generate HTML code which you can use to spice up your website. If you are a WordPress user, you can use it inside your pages, posts, custom post types, text widgets or inside you theme templates including header, footer, sidebar files etc as per your requirement.

Continue reading Online WYSIWYG HTML & HTML5 Editor For Generating HTML Code From Visually Created Content