source-view.component.js 680 B

1234567891011121314151617181920212223242526
  1. 'use strict'
  2. /* global FuseBox */
  3. export default {
  4. name: 'source-view',
  5. data() {
  6. return {}
  7. },
  8. mounted() {
  9. let self = this
  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. self.$store.dispatch('pageLoader/complete')
  21. })
  22. })
  23. }
  24. }