source-view.component.js 690 B

123456789101112131415161718192021222324252627
  1. 'use strict'
  2. /* global FuseBox */
  3. import pageLoader from '../components/page-loader'
  4. export default {
  5. name: 'source-view',
  6. data() {
  7. return {}
  8. },
  9. mounted() {
  10. FuseBox.import('/js/ace/source-view.js', (ace) => {
  11. let scEditor = ace.edit('source-display')
  12. scEditor.setTheme('ace/theme/dawn')
  13. scEditor.getSession().setMode('ace/mode/markdown')
  14. scEditor.setOption('fontSize', '14px')
  15. scEditor.setOption('hScrollBarAlwaysVisible', false)
  16. scEditor.setOption('wrap', true)
  17. scEditor.setReadOnly(true)
  18. scEditor.renderer.updateFull()
  19. scEditor.renderer.on('afterRender', () => {
  20. pageLoader.complete()
  21. })
  22. })
  23. }
  24. }