Abbreviation button for TinyMCE

August 12, 2020

Abbreviation button for TinyMCE Plugin

Provides abbreviation button for WordPress TinyMCE visual editor.

This plugin should be used to supply abbreviation support in the TinyMCE visual editor. Once activated, it provides an “ABR” button which allows editor to indicate the meaning of each abbreviation used in Pages, Posts or any custom post types used in your WordPress installation. The markup is fully compatible with accessibility rules like Web Content Accessibility Guidelines (WCAG). It uses <abbr>…</abbr> HTML markup instead of the deprecated <acronym>…</acronym> HTML markup.

Available languages

  • English
  • French

You can add your own language pack: contribute here! Contributors will be linked back here.
Search Plugins > Abbreviation button for tinymce and add your translations. Many strings are commented to help you to understand context.

Credits

Jean-Baptiste Audras, WordPress projects manager at Whodunit and WordPress developer. @audrasjb on Twitter or Github.

Installation

English:
1. Upload the plugin to the ‘/wp-content/plugins/’ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Use it in your WordPress visual editor with the “ABR” button

Screenshots

  1. the <code>ABR</code> button in your TinyMCE visual editor (second line of buttons).

    the ABR button in your TinyMCE visual editor (second line of buttons).

  2. the popup used to give the meaning of your abbreviation and optionally it's language.

    the popup used to give the meaning of your abbreviation and optionally it's language.

FAQ

Why I cannot see any changes on my website front-end?

Your theme probably don’t provides any styles for the ABBR tag… You can check if your ABBR tag is generated by “hovering” your ABBR expression with the mouse. Wait 1 second: a tooltip is supposed to appear. If you want some styles, you can put the following CSS in your theme (or wait for the next version of this plugin).
abbr{text-decoration:none;border-bottom:1px dotted;cursor:help;}

What about adding language attribute?

If the abbreviation’s language is different from your page main language, you have to indicate the language of your abbreviation to be fully compatible with accessibility rules.

Changelog

1.3.7

WordPress 5.3 compatibility.

1.3.6

WordPress 4.9 compatibility checks and small fixes in some files. You can upgrade without any risk 🙂

1.3.5

  • Check WordPress 4.7 support (it works fine!)
  • Better internationalization support

1.3.4

  • Better use of lang attribute: we don’t need to show this attribute if empty.
  • Small fixes on internationalization.

1.3.3

  • Add french (fr_FR) translation to 1.3.

1.3.2

  • Official WordPress translation compatibility. You can now contribute to translate this plugin to your language here. Just go to your locale language and search Plugins > Abbreviation button for tinymce. Contributors will be credited on the plugin’s main page 😉

1.3.1

  • Fix a bug on the 1.3 single button, when you try to remove an abbr tag. Sorry.

1.3

  • Add/remove an abbreviation with one single button. Many thanks to Willy Bahuaud for helping.
  • Improvements on abbreviation node removing, based on Laurent Olivares review.

1.2.1

  • Minor corrections on french translation.

1.2

  • Support lang HTML attribute.
  • Some accessibility enhancement, like an accessible modal windows which supports keyboard navigation.
  • Adding JS translation EN/FR
  • Corrections in screenshots and readme.txt file for better readability

1.1

  • Buttons are in the second line of the visual editor now.

1.0

  • Plugin initial commit.

Details

  • Version: 1.3.7
  • Active installations: 100
  • WordPress Version: 4.6
  • Tested up to: 5.5.15
  • PHP Version: 5.6

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars