page.js 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. var onDocumentLoad = function ( event ) {
  2. var path;
  3. var pathname = window.location.pathname;
  4. var section = /\/(manual|api|examples)\//.exec( pathname )[ 1 ].toString().split( '.html' )[ 0 ];
  5. var name = /[\-A-z0-9]+\.html/.exec( pathname ).toString().split( '.html' )[ 0 ];
  6. switch ( section ) {
  7. case 'api':
  8. path = /\/api\/[A-z0-9\/]+/.exec( pathname ).toString().substr( 5 );
  9. break;
  10. case 'examples':
  11. path = /\/examples\/[A-z0-9\/]+/.exec( pathname ).toString().substr( 10 );
  12. break;
  13. case 'manual':
  14. name = name.replace( /\-/g, ' ' );
  15. path = pathname.replace( /\ /g, '-' );
  16. path = /\/manual\/[-A-z0-9\/]+/.exec( path ).toString().substr( 8 );
  17. break;
  18. }
  19. var text = document.body.innerHTML;
  20. text = text.replace( /\[name\]/gi, name );
  21. text = text.replace( /\[path\]/gi, path );
  22. text = text.replace( /\[page:([\w\.]+)\]/gi, "[page:$1 $1]" ); // [page:name] to [page:name title]
  23. text = text.replace( /\[page:\.([\w\.]+) ([\w\.\s]+)\]/gi, "[page:" + name + ".$1 $2]" ); // [page:.member title] to [page:name.member title]
  24. text = text.replace( /\[page:([\w\.]+) ([\w\.\s]+)\]/gi, "<a href=\"javascript:window.parent.goTo('$1')\" title=\"$1\">$2</a>" ); // [page:name title]
  25. // text = text.replace( /\[member:.([\w]+) ([\w\.\s]+)\]/gi, "<a href=\"javascript:window.parent.goTo('" + name + ".$1')\" title=\"$1\">$2</a>" );
  26. text = text.replace( /\[(?:member|property|method):([\w]+)\]/gi, "[member:$1 $1]" ); // [member:name] to [member:name title]
  27. text = text.replace( /\[(?:member|property|method):([\w]+) ([\w\.\s]+)\]/gi, "<a href=\"javascript:window.parent.goTo('" + name + ".$2')\" target=\"_parent\" title=\"" + name + ".$2\" class=\"permalink\">#</a> .<a href=\"javascript:window.parent.goTo('$1')\" title=\"$1\" id=\"$2\">$2</a> " );
  28. text = text.replace( /\[link:([\w|\:|\/|\.|\-|\_]+)\]/gi, "[link:$1 $1]" ); // [link:url] to [link:url title]
  29. text = text.replace( /\[link:([\w|\:|\/|\.|\-|\_|\(|\)|\#]+) ([\w|\:|\/|\.|\-|\_|\s]+)\]/gi, "<a href=\"$1\" target=\"_blank\">$2</a>" ); // [link:url title]
  30. text = text.replace( /\*([\w|\d|\"|\-|\(][\w|\d|\ |\-|\/|\+|\-|\(|\)|\=|\,|\.\"]*[\w|\d|\"|\)]|\w)\*/gi, "<strong>$1</strong>" ); // *
  31. text = text.replace( /\[example:([\w\_]+)\]/gi, "[example:$1 $1]" ); // [example:name] to [example:name title]
  32. text = text.replace( /\[example:([\w\_]+) ([\w\:\/\.\-\_ \s]+)\]/gi, "<a href=\"../examples/#$1\" target=\"_blank\">$2</a>" ); // [example:name title]
  33. //Extract method return type and add it to the bottom of a method definition, unless it is
  34. //1: null - do nothing
  35. //2: this - add "return self (chainable)"
  36. text = text.replace( /\[method:([\w\_]+)/gi, 'gogogo' );
  37. //console.log( methodPos );
  38. document.body.innerHTML = text;
  39. // handle code snippets formatting
  40. var elements = document.getElementsByTagName( 'code' );
  41. for ( var i = 0; i < elements.length; i ++ ) {
  42. var element = elements[ i ];
  43. text = element.textContent.trim();
  44. text = text.replace( /^\t\t/gm, '' );
  45. element.textContent = text;
  46. }
  47. // Edit button
  48. var button = document.createElement( 'div' );
  49. button.id = 'button';
  50. button.textContent = 'Edit';
  51. button.addEventListener( 'click', function ( event ) {
  52. window.open( 'https://github.com/mrdoob/three.js/blob/dev/docs/' + section + '/' + path + '.html' );
  53. }, false );
  54. document.body.appendChild( button );
  55. // Syntax highlighting
  56. var styleBase = document.createElement( 'link' );
  57. styleBase.href = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/prettify.css';
  58. styleBase.rel = 'stylesheet';
  59. var styleCustom = document.createElement( 'link' );
  60. styleCustom.href = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/threejs.css';
  61. styleCustom.rel = 'stylesheet';
  62. document.head.appendChild( styleBase );
  63. document.head.appendChild( styleCustom );
  64. var prettify = document.createElement( 'script' );
  65. prettify.src = pathname.substring( 0, pathname.indexOf( 'docs' ) + 4 ) + '/prettify/prettify.js';
  66. prettify.onload = function () {
  67. var elements = document.getElementsByTagName( 'code' );
  68. for ( var i = 0; i < elements.length; i ++ ) {
  69. var e = elements[ i ];
  70. e.className += ' prettyprint';
  71. }
  72. prettyPrint();
  73. };
  74. document.head.appendChild( prettify );
  75. };
  76. document.addEventListener( 'DOMContentLoaded', onDocumentLoad, false );