How To Set Content In Tinymce Editor

There are still times where physical presence is needed

When editing content within a web page using an editor such as TinyMCE, there is one thing that can sometimes get overlooked or confused. This is setting what format the content should be in.

Most editors have you choose either HTML or WYSIWYG (What You See Is What You Get) formatting which are both good things but only some allow you to choose between them.

TinyMCE however allows you to choose either just like most other editors do! But how? Let’s go through all of the different ways to configure your editor now!

There are two main types of configuration for TinyMCE: General settings and Theme specific settings. These settings apply to every theme you use with TinyMCE.

Always use valid XHTML and use a validator tool

It is very important to use an appropriate markup language for your website or web application. Using HTML that is valid XHTML will ensure the best performance of TinyMCE!

TinyMCE automatically converts some tags into other ones, but it can easily add too many new tags so it must be used with caution.

Luckily, there are lots of free online tools you can use to check if your HTML is valid and also to edit it if needed. Two of these that are widely known have good reviews and work well are CanIUse and Validator.

CanIUse lists all the features of the browser you want to test and what languages they accept as input. If you know both English and another language then you can pick either one. They also have a lot of interactive tests which is helpful to see how different elements look like in the editor.

Validator checks not only whether your code is valid, but also suggests ways to improve it by giving tips and corrections.

Use consistent indentation

Consistently using proper indents will make your content more readable and easier to identify who said what. When editing HTML or rich text editors like TinyMCE, there is an option to use Indent Style as either Smart (Unix style) or Multiple (American style).

If you choose American style, it adds additional empty lines between each block of content which looks very spaced out and untidy. If you want to keep the look clean, then use Unix-style indented blocks instead.

In this article we will discuss how to easily edit the default settings for TinyMCE to use unindented paragraphs.

Include all necessary CSS files

In addition to including the TinyMCE editor script, you will need at least one of the following stylesheet dependencies:

* Theme style sheets
* Plug-in specific styling such as for the media embedding or widgets plugin
* Generic browser default styles

The first two are typically included with your theme or plugins, but not everyone includes them by default.

You can add these to your site using WordPress’ Settings > Writing screen to include additional resources. Depending on how much customization you desire, you may only want some of these settings turned on.

Reference important images used on your site

When editing HTML or creating new pages using TinyMCE, you will need to include content for your website. You can use three different ways to add content to your sites including inserting an image, writing a paragraph or body of text, and adding a link to another page.

All three types of content are inserted into the editor by selecting an appropriate box in the toolbar. The first way is to insert an image. This can be done through uploading an image from your computer or finding one online.

The second option is to write a paragraph or body of text. Using the tool just like typing would make it easy to create a paragraph or even edit one that was already written. Finally, you can add a link to leave this article and read more about setting up Tiny MCE.

Be familiar with all of the different editing features in tinyMCE

There are many ways to edit content within the editor. You can use the visual mode, where you can add bullets and dividers, drop down menus for font or theme changes, and additional plugins that allow you to customize even more.

The easiest way to start is by going into visual mode before making any other edits. Once in visual mode, you can easily make bullet points, insert links, pictures, and more!

There are also some basic HTML modes available such as cut, copy, and paste which help create new pieces of content.

Another helpful tool is the link button which allows you to give your article a title, set it as rich text, and include links and photos. All of these functions can be accessed directly from the toolbar or through the menu system.

Know how to adjust the default settings

There are two main ways to configure the content of your site within the tinymce editor. You can either change the defaults or use the advanced settings to completely customize the tool!

The first way is by changing the three main tabs that appear when you open the Settings menu in the editor. These are called “Content,” “Advanced,” and “Plugins.”

You can find these menus inside the Tools->Settings window.

By going into the Content tab, you can choose from several pre-made styles for the article body. Some examples include Body, Title, Subtitle, Image/Embed, Paragraph, Quote, and List.

Once you have chosen your style, you can then add an image or embed code, set up some bullet points or paragraphs, and optionally create a quote or list.

There are also additional features such as custom colors and fonts for the text, so make sure to check those out too!

If you want more control over the look and feel of your site, then go into the Advanced section. Here, you can edit all of the font colors, background colors, padding, and other styling elements.

And lastly, the Plugins section allows you to install third party plugins that allow you to do even more with the editor.

Update your browser's plug-ins

Recent versions of Firefox, Chrome, and Safari require that you update their respective browser plugins before they will work with tinyMCE.

These plugin updates were made due to some security features within those browsers. The new version of each plugin make sure that only trusted sites can access certain parts of the editor.

As such, these sites are white listed or vetted as safe domains for users to add content from. If you’re having issues using the website, chances are it is one of these types of sites!

To solve this problem, search your web browser for “tinyMCE Settings” or “Tiny MCE Plugin Setup.” You should be able to find an article or two telling you how to reset or fix your settings.

Focus more on content than design

Even if you are not artistic, there is something you can do that will help your site’the most beautiful.

The first thing you need to learn about using the editor is how to focus on creating good content.

Your aesthetic looks should be simple and straightforward. Avoid too many fancy fonts or pictures unless they directly relate to the article.

TinyMCE has some basic built-in styles users can use to create an easy website look. You don’t have to use them, but it is helpful to know what ones exist.

About The Author

Juice Staff Writer
Juice is a web app that harnesses the power of AI to generate awesome SEO-friendly content right on your website or e-commerce store. This powerful yet simple tool that enables you to easily and quickly generate content focused on your niche topic.
Juice Beta is ending July 1st! Subscribe before end of month to lock in Juice Plus for 50% off!
$49 $25
Sign up now
Juice Beta is ending soon! Subscribe now to lock in Juice Plus for $49 $25
Sign up now