Textbox.io 2.x Documentation : Using Browser Tooling to Investigate Services Issues

1. Open your browser's Console/Network tools:
   Chrome: View menu -> Developer -> JavaScript Console. Click the Network tab (located between Elements and Sources).
   Firefox: Tools menu -> Web Developer -> Network.
   Safari: Develop -> Show Error Console. Click the Timelines link between Resources and Debugger.
   Internet Explorer: Click the cog icon on the top-right side of the browser. Select F12 Developer Tools. Click the Network link (next to the ‘Profiler’ link).
2. Refresh the webpage featuring an Tiny rich-text editor configured with the spelling service. Enter a misspelled word into the editor.
3. Locate the network results that match the following URLs:
   - http://YOUR_SERVER:YOUR_PORT/ephox-spelling/1/autocorrect
   - http://YOUR_SERVER:YOUR_PORT/ephox-spelling/1/correction
4. If the network response for these services is 404, try the following:
   - Take the service URL displayed as erroneous (example: http://YOUR_SERVER:YOUR_PORT/ephox-spelling/1/autocorrect).
   -  Remove everything from the ‘1’ onwards (including the ‘1’) and replace it with /version. (example: Change http://YOUR_SERVER:YOUR_PORT/ephox-spelling/1/correction to http://YOUR_SERVER:YOUT_PORT/ephox-spelling/version). The response code should be 200 and the body should display the version number.
   
5. If the response for the version URL is still 404, it means the service has not been started or installed correctly.
6. To check the "Origin" value that the browser uses, open the network tools (chrome in this screenshot) and refresh the page. Then enter a couple of words in the editor and select one of the requests on the bottom left ('correction' in the screen shot) and select the 'Headers' section. Look for the 'Origin' header value.
   
   
   
   

Windows Server Specific Issues:

Sometimes the 'Origin' header is never sent to the services, which results in the editor and services not working as intended. Follow step 6 from above and determine what the 'Origin' is - if you do not see an 'Origin' header at all, please do the following:

1. Try accessing the editor web page using your machine's fully qualified domain name (FQDN) rather than 'localhost'; and keep the network tools open so you can see if the 'Origin' header is sent back to the services.
   So open a browser window and try (replace the path to match your setup): 
   
   

   fqdn request

   http://myhost:myport/textboxio/index.html 
   
   

   
   

2. If you now see an 'Origin' header being sent across, please alter your application.conf and replace all instances of 'localhost' with the domain name of your machine 
   
3. Restart the Tomcat / Jetty service 
   
4. Reload the browser page and all should work well
5. If you are still experiencing problems, please contact Tiny Support.