Get Support & FAQ

Premium support

Paid premium support is available as part of TinyMCE Enterprise and Tiny Cloud subscriptions. TinyMCE Enterprise customers can submit a case support request.

Community support

Open Source Community Edition users can get free help from Stack Overflow using the tinymce tag.

FAQ & troubleshooting

Q: The icons are missing when installing on my server?

Some web servers do not support the mime types needed for the font file extensions. Below are the mime types required - 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

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 standard 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 HTML Purifier.

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: Relative URLs

http://www.site.com/path1/path2/file.htm >> path2/file.htm

  • TinyMCE

  • HTML

  • JS

  • Edit on CodePen

<textarea id="url-conversion-relative-1">
  <p>Some relative urls: <a href="../index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
  <p>Some absolute urls: <a href="https://www.tiny.cloud/docs/demo/index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
</textarea>
tinymce.init({
  selector: '#url-conversion-relative-1',
  height: 300,
  plugins: 'link image code',
  relative_urls: true,
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
  • TinyMCE

  • HTML

  • JS

  • Edit on CodePen

<textarea id="url-conversion-relative-2">
  <p>Some relative urls: <a href="../index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
  <p>Some absolute urls: <a href="https://www.tiny.cloud/docs/demo/index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
</textarea>
tinymce.init({
  selector: '#url-conversion-relative-2',
  height: 300,
  plugins: 'link image code',
  relative_urls: true,
  document_base_url: '//www.tiny.cloud/docs/demo',
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});

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: Absolute URLs

path2/file.htm >> /path1/path2/file.htm

  • TinyMCE

  • HTML

  • JS

  • Edit on CodePen

<textarea id="url-conversion-absolute-1" name="absurls">
  <p>Some relative urls: <a href="../index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
  <p>Some absolute urls: <a href="https://www.tiny.cloud/docs/demo/index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
</textarea>
tinymce.init({
  selector: '#url-conversion-absolute-1',
  height: 300,
  plugins: 'link image code',
  relative_urls: false,
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});
  • TinyMCE

  • HTML

  • JS

  • Edit on CodePen

<textarea id="url-conversion-absolute-2" name="absurls">
  <p>Some relative urls: <a href="../index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
  <p>Some absolute urls: <a href="https://www.tiny.cloud/docs/demo/index.html">content</a>. <img src="https://www.tiny.cloud/docs/images/logos/android-chrome-256x256.png" alt="Tiny Logo" width="128" height="128" /></p>
</textarea>
tinymce.init({
  selector: '#url-conversion-absolute-2',
  height: 300,
  plugins: 'link image code',
  relative_urls: false,
  remove_script_host: false,
  content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
});

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: Domain absolute URLs

path2/file.htm >> http://www.site.com/path1/path2/file.htm