If you landed here having worked through the General Configuration Guide, congratulations, you are on your way to the TinyMCE ninja hood :-). It's now time to deep-dive into configuring the editor and explore plugin options. We wish you well and welcome you to TinyMCE. If you get stuck, a great place to start is the TinyMCE Forum.
Premium Support
If your support requirements included guaranteed responses from the TinyMCE Support Team or in-time bug fixes, paid premium support is available as part of TinyMCE Enterprise.
If you are a TinyMCE Enterprise customer in good standing please review what information you need to gather to submit a case.
Forums
Users of the open source Community Edition have free access to the TinyMCE Forum. Sign up here.
FAQ & Troubleshooting
Q: The icons are missing when installing on my server?
TinyMCE 4 uses Web fonts for its icons. Some web servers do not support the mime types needed for the font file extensions. Below are the mime types needed - the first part is the mime type the second part is the file extension that needs to be mapped. It's in apache mime type format. Other servers might need a different format.
MIME type | File Extension |
---|---|
application/x-font-ttf | ttf |
application/x-font-otf | otf |
application/font-woff | woff |
application/vnd.ms-fontobject | eot |
image/svg+xml | svg |
Q: Why do buttons/select boxes have the incorrect size?
You are probably using an old DOCTYPE
as of TinyMCE 4 a proper HTML5 doctype is required. All web developers should use a standards rendering mode on their web pages. Use a HTML5 doctype like <!DOCTYPE html>
to properly render the page and the TinyMCE UI.
Q: Is TinyMCE protected against XSS vulnerabilities?
The server should have protection against XSS attacks implemented. Since if you can submit contents in a form using TinyMCE one could as easily disable all JavaScript and therefore bypass TinyMCE filtering and still submit HTML code with insecure content. You need to properly filter the HTML input on the server using things like HTMLPurifier.
Q: How do I convert my URLs to relative, absolute, or absolute with the domain?
Relative URLs
The Relative URLs converts all URLs within the same domain to relative URLs. The URLs are relative from the document_base_url
.
tinymce.init({
selector: 'textarea', // change this value according to your HTML
relative_urls : true,
document_base_url : 'http://www.site.com/path1/'
});
Example
http://www.site.com/path1/path2/file.htm >> path2/file.htm
Absolute URLs
The Absolute URLs converts all relative URLs to absolute URLs. The URLs are absolute
based on the document_base_url
.
tinymce.init({
selector: 'textarea', // change this value according to your HTML
relative_urls : false,
remove_script_host : true,
document_base_url : 'http://www.site.com/path1/'
});
Example
path2/file.htm >> /path1/path2/file.htm
Domain absolute URLs
The Domain absolute URLs converts all relative URLs to absolute URLs. The URLs are absolute
based on the document_base_url
with the domain.
tinymce.init({
selector: 'textarea', // change this value according to your HTML
relative_urls : false,
remove_script_host : false,
document_base_url : 'http://www.site.com/path1/'
});
Example
path2/file.htm >> http://www.site.com/path1/path2/file.htm
Q: Where are the advanced image options?
Use the Style Formats
option instead, which is much more powerful.
tinymce.init({
selector: 'textarea', // change this value according to your HTML
style_formats: [
{title: 'Image Left', selector: 'img', styles: {
'float' : 'left',
'margin': '0 10px 0 10px'
}},
{title: 'Image Right', selector: 'img', styles: {
'float' : 'right',
'margin': '0 10px 0 10px'
}}
]
});
If you wish to align the image, you can also use the text-align buttons when having images selected.
Was this article helpful? Yes - No
Well, that's awkward . Would you mind opening an issue or helping us out?
Thanks for the feedback!
Can't find what you're looking for? Let us know.
Except as otherwise noted, the content of this page is licensed under the Creative Commons BY-NC-SA 3.0 License, and code samples are licensed under the Apache 2.0 License.