Tag Archives: TinyMCE

How To Auto Remove Formatting Tags While Pasting Content In WordPress?

When you run a multi-author blog a common problem that comes to your WordPress site is having different layout styles in different blog posts, which disturb the look of your website.

This happens when some authors don’t remove HTML formatting after copy-pasting content from their Word, Writer, Google Docs, or any other editor to your blog. Hence, the undesired HTML tags and formatting also get into the posts and pages of your website. This lesson guides you on how you can overcome this issue simply by activating a plugin.

The problem can be resolved and safe pasting on your website can be easily implemented by using the Secure Paste plugin. You simply need to navigate to Plugins -> Add New page to find and install the plugin. After activation, the plugin removes any HTML tags from your blog’s posts and pages before inserting them into the database. Thus, it prevents all your website users from pasting undesired HTML tags to post and page content.

The following are the HTML tags that stay and any other HTML tag, attributes, and formatting are automatically removed by the plugin:

<p> <a> (allowed attributes: href, title). <img> (allowed attributes: src, alt, class). <h1> <h2> <h3> <h4> <h5> <h6> <blockquote> <ol> <ul> <li> <em> <strong> <del>

The removal of formatting takes place while your authors edit their post or page content in any status such as scheduled, draft, published, etc. But this fixing of content is only done on the new content i.e. the content created or edited after the activation of the plugin.

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

New Twitter Bootstrap TinyMCE Elements For Your WordPress Site

Bootstrap MCE Elements is the brand new Twitter Bootstrap plugin which enables a button inside your visual editor present in content add new & edit pages. The button allows you to insert pre-built Bootstrap compatible code inside your content. Using this new plugin you can easily add Buttons, Wells, Labels & Badges of various sizes and styles into your WordPress blog posts and pages. It also provides you option you to include default Bootstrap CSS for these objects.

Continue reading New Twitter Bootstrap TinyMCE Elements For Your WordPress Site