Configuration


WP Edit Pro Configuration

The WP Edit Pro Configuration screen is basically a liaison. Think of it as your middle-man between the TinyMCE Editor and WordPress.

The Configuration screen will allow various adjustments of all the processes used in the editor. There are way too many to go into detail here; so we strongly encourage you to visit the following resources to learn more:

These are only a couple of the many configuration values available. Please see the Full List of values which can be configured.

Show Default TinyMCE Settings

Clicking the button to show default TinyMCE settings will expand a section showing each of the default configuration names and values.

configuration1

Each setting also has a button to the far right named “Change”. Clicking this button will load that particular setting into the editable area; where it can be modified.

configuration2

The setting can be adjusted, and saved as a modified setting.

Extended Valid Elements Example

Let’s assume we want to prevent the onclick attribute of the a tag from being removed. Our option name would be extended_valid_elements and our option value would be a[onclick].

configuration3

Alternatively, we could simply allow ALL of the attributes available in the a tag. To do this, the option name would still be extended_valid_elements, and the option value would be a[*]. The asterisk symbolizes “all”.

configuration4

Additionally, multiple tags and attributes can be allowed simultaneously. To do so, simply separate each tag with a comma. Let’s enable all attributes for a tags and img tags. The option name remains extended_valid_elements, and the option value will be a[*],img[*].

configuration5

All types of custom combinations can be allowed for element tags and attributes. Use this TinyMCE page as reference.

Valid Elements Example

For those who prefer the other side of the fence, the valid_elements option can be used to only allow certain tags and attributes in the editor area. The valid_elements option defines which elements will remain in the edited text when the editor saves.

For example, to remove all elements that are not an a, img, or strong; the option name becomes valid_elements, and the option value is a,img,div.

configuration8

Taking things one step further, each element can specify the allowed attributes. Using the example above; let’s also allow the href and title attributes in the a and img elements. In this case, the option name remains valid_elements, and the option value becomes a[href,title],img[href,title],div.

configuration9

Remember to use this TinyMCE page as reference.

Saved Settings

Each time a new setting is created or modified, it will be saved. The settings which have been modified are highlighted.

configuration6

Removing Settings

To remove a setting, click the “Remove” button located to the right of each created/modified setting.

configuration7


Josh Lobe has written 54 articles

Josh Lobe is the sole developer of WP Edit and WP Edit Pro. A father of two; a husband to a beautiful wife; and a small home in the suburbs… he primarily enjoys coding in WordPress and designing websites.

Leave a Reply

Your email address will not be published. Required fields are marked *

ENTER CAPTCHA MATH *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>