page.js 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. var onDocumentLoad = function ( event ) {
  2. var path;
  3. var pathname = window.location.pathname;
  4. var section = /\/(manual|api)\//.exec( pathname )[ 1 ].toString().split( '.html' )[ 0 ];
  5. var name = /[\-A-z0-9]+\.html/.exec( pathname ).toString().split( '.html' )[ 0 ];
  6. if ( section == 'manual' ) {
  7. name = name.replace(/\-/g, ' ');
  8. path = pathname.replace( /\ /g, '-' );
  9. path = /\/manual\/[-A-z0-9\/]+/.exec( path ).toString().substr( 8 );
  10. } else {
  11. path = /\/api\/[A-z0-9\/]+/.exec( pathname ).toString().substr( 5 );
  12. }
  13. var text = document.body.innerHTML;
  14. text = text.replace(/\[name\]/gi, name);
  15. text = text.replace(/\[path\]/gi, path);
  16. text = text.replace(/\[page:(\w+)\]/gi, "[page:$1 $1]" ); // [page:name] to [page:name title]
  17. text = text.replace(/\[page:(\w+) ([\w|\.]+)\]/gi, "<a href=\"javascript:window.parent.goTo('$1')\" title=\"$1\">$2</a>" ); // [page:name title]
  18. text = text.replace(/\[link:([\w|\:|\/|\.|\-|\_]+)\]/gi, "[link:$1 $1]" ); // [link:url] to [link:url title]
  19. text = text.replace(/\[link:([\w|\:|\/|\.|\-|\_|\(|\)]+) ([\w|\:|\/|\.|\-|\_ ]+)\]/gi, "<a href=\"$1\" target=\"_blank\">$2</a>" ); // [link:url title]
  20. text = text.replace(/\*([\w|\d|\"|\-|\(][\w|\d|\ |\-|\/|\+|\-|\(|\)|\=|\,|\.\"]*[\w|\d|\"|\)]|\w)\*/gi, "<strong>$1</strong>" ); // *
  21. document.body.innerHTML = text;
  22. // handle code snippets formatting
  23. var elements = document.getElementsByTagName( 'code' );
  24. for ( var i = 0; i < elements.length; i ++ ) {
  25. var element = elements[ i ];
  26. text = element.textContent.trim();
  27. text = text.replace( /^\t\t/gm, '' );
  28. element.textContent = text;
  29. }
  30. // Edit button
  31. var button = document.createElement( 'div' );
  32. button.id = 'button';
  33. button.textContent = 'Edit';
  34. button.addEventListener( 'click', function ( event ) {
  35. window.open( 'https://github.com/mrdoob/three.js/blob/dev/docs/' + section + '/' + path + '.html' );
  36. }, false );
  37. document.body.appendChild( button );
  38. // Syntax highlighting
  39. var styleBase = document.createElement( 'link' );
  40. styleBase.href = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/prettify.css';
  41. styleBase.rel = 'stylesheet';
  42. var styleCustom = document.createElement( 'link' );
  43. styleCustom.href = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/threejs.css';
  44. styleCustom.rel = 'stylesheet';
  45. document.head.appendChild( styleBase );
  46. document.head.appendChild( styleCustom );
  47. var prettify = document.createElement( 'script' );
  48. prettify.src = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/prettify.js';
  49. prettify.onload = function () {
  50. var elements = document.getElementsByTagName( 'code' );
  51. for ( var i = 0; i < elements.length; i ++ ) {
  52. var e = elements[ i ];
  53. e.className += ' prettyprint';
  54. }
  55. prettyPrint();
  56. }
  57. document.head.appendChild( prettify );
  58. };
  59. document.addEventListener( 'DOMContentLoaded', onDocumentLoad, false );