Last Updated: August 7, 2018
Revision Update: I have updated the information below.
This tutorial was written using the following plugin TinyMCE Advanced.
The browsers tested:
- IE 11
- Google Chrome
- Microsoft Edge
Note: Always have the latest version of the browser installed. Make sure you clear your cache regularly. Make sure Java is always up to date.
- document.write = which will write the text to your post. The text that it will write is Hello World!.
Always edit or add the code using the Text editor. See image below.
Step 3 ) The following image you have switched back to the Text editor. This time you will notice some code added by WordPress, // <![CDATA[ at the beginning of the script and // ]]> at the end of the script.
Note: You can read more about this by clicking in the following URL Wikipedia CDATA.
Add iframe To WordPress Post or Page
Step 5 ) Copy and paste the iframe code you selected to your post or page through the Text editor by clicking on HTML tab. The editor will place the iframe in between < p > < /p > tag. See image below.
Using TinyMCE Advanced Plugin.
Step 6 ) The following instructions are for those who want to use a plugin to add an iframe. Select the following icon and add your code, url and other settings you prefer. See images below.
Remember: Check the following URL WordPress TinyMCE Advanced Plugin Settings to learn more about TinyMCE Advanced plugin.
Step 6-a ) Go to Insert -> Media as illustrated in the following image to insert an iframe.
Step 6-b ) The following image General tab allows you to set up the following options.
- Dimensions = choose whether you want to enable Constrain proportions or not.
Step 6-c ) The following image Embed tab allows you to paste the source code.
- Paste your embed code below.
Step 6-d ) The following image Advanced allows you to set up the following options.
- Alternative source
- Click on Ok button when you are finished.
- RawHtml Allows you to insert raw HTML or other codes in your posts and pages. You can also disable smart quotes and other automatic formatting on a per-post basis.
In regards to Raw HTML, there are two versions available Free and Pro. The free version only works with the HTML editor, it is not compatible with Visual editor. To use with Visual editor you need to purchase the Pro version.
Note: Always create a backup before you try any new plugin just in case something happens.
I hope this helps you and puts you on the right track. If you need any help just leave a comment or send me an e-mail.
Come back for more information as I keep updating this post.