Wordpress visual editor broke due to non standard port?

Question

I recently installed WordPress on my own server, which uses non-port 80 Apache service. I could view posts but the tinymce editor constantly broke. More specifically, all menu items in visual editor did not appear and if there were any text, they were all invisible until I highlighted them.

After numerous research, someone mentioned this problem could due to there is ":" (colon) in the siteurl address. I could not verify this theory because my ISP blocked port 80. I was wondering if anyone experience the same problem and how do they solve it?

Answer 1

I had exactly same issue with Visual Editor but my site was working on port 80. This is what I did : Edited wp-config.php and added the following :

define( 'CONCATENATE_SCRIPTS', false );

and everything worked fine. Additionally you can check if wp-includes/js/tinymce/wp-tinymce.js.gz file exists or not. If not, then upload it via FTP

Answer 2

Check your javascript console. If you see an error like:

post.php?post=2840&action=edit:2783 Uncaught ReferenceError: tinymce is not defined

then the loading of wp-tinymce.php failing. Because the editor hasn't loaded, it appear as if your text is white, or "invisible" in the editor. This can be worked-around by adding:

define('CONCATENATE_SCRIPTS', false);

( Per Tijmen above, or this )

I use WP Fastest Cache plugin which has it's own concatenation, so if I use that plugin, then I'm OK skipping the default WordPress concatenation.

The root problem, however, is that a request to:

/wp-includes/js/tinymce/wp-tinymce.php?c=1&ver=4506-20170408

Is failing or receiving a 404. This could be due to a security restriction on your hosting or CDN.