Tag Archives: 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

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.

Gain More Control Over Default Features Of Your WordPress Site

There are many features in WordPress that doesn’t provides you any admin area setting and option pages. WordPress Helpers plugin opens up those missing settings you wish were there in WordPress and gives you control over them.

Continue reading Gain More Control Over Default Features Of Your WordPress Site

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

Ayo Shortcodes: Yet Another Beautiful Shortcodes Plugin For WordPress Self Hosted Blogs

Ayo Shortcode is the new WordPress shortcodes plugin. Don’t judge it with its simple and content less page on WordPress.Org’s plugin’s repository, the plugin is really useful and loaded with beautiful shortcode buttons that almost all bloggers need while writing blog posts, showing social profile links, in a list etc.

Continue reading Ayo Shortcodes: Yet Another Beautiful Shortcodes Plugin For WordPress Self Hosted Blogs

How To Enable oEmbed For Twitter Tweets In Your WordPress Site ?

oEmbed  is a powerful WordPress feature that allows you to embed other website’s content simply by pasting its URL. WordPress allows you to oEmbed videos inside your blog posts without using any additional plugin, you can extent oEmbed functionality to Twitter Tweets by using oEmbed Tweets plugin.

Continue reading How To Enable oEmbed For Twitter Tweets In Your WordPress Site ?

How To Add Advanced Formatting Options In WordPress Visual Editor ?

WordPress default visual editor provides you a minimum set of formatting buttons in visual editor and for advanced formatting of content you have to use HTML editor. You can make formatting easy and fast by adding more formatting options (like options you have in office suites) inside visual editor.

Continue reading How To Add Advanced Formatting Options In WordPress Visual Editor ?

How To Use Visual Editor In WordPress Text Widget ?

Default WordPress text widget accepts HTML but for them who faces problem in designing text in HTML have an easy option of using a widget that displays visual editor.

Continue reading How To Use Visual Editor In WordPress Text Widget ?