source-view.component.js 687 B

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