demo.js 868 B

1234567891011121314151617181920212223242526
  1. const d3 = window.d3
  2. const bodyElem = d3.select('body')
  3. const jsElem = d3.select('#js')
  4. const jsPanel = bodyElem.append('div').attr('id', 'jsPanel')
  5. const cssElem = d3.select('#css')
  6. const cssPanel = bodyElem.append('div').attr('id', 'cssPanel')
  7. function setupPanel (panel, elem, title) {
  8. panel.append('h2').text(title)
  9. return panel.append('pre').append('code').text(elem.html().trim())
  10. }
  11. const jsCode = setupPanel(jsPanel, jsElem, 'JavaScript')
  12. const cssCode = setupPanel(cssPanel, cssElem, 'CSS')
  13. const hljsRoot = 'https://highlightjs.org/static'
  14. bodyElem.append('link')
  15. .attr('rel', 'stylesheet')
  16. .attr('href', hljsRoot + '/demo/styles/xcode.css')
  17. bodyElem.append('script')
  18. .attr('src', hljsRoot + '/highlight.site.pack.js')
  19. .on('load', function () {
  20. window.hljs.highlightBlock(jsCode.node())
  21. window.hljs.highlightBlock(cssCode.node())
  22. })