To create the ACE component - Githubissues

huming0618 / codetower

read and share for reading the code

0 stars 0 forks source link

To create the ACE component #1

Open huming0618 opened 7 years ago

huming0618 commented 7 years ago

API: https://ace.c9.io/#nav=api&api=ace
ace/mode: https://github.com/ajaxorg/ace/tree/master/lib/ace/mode
refer to https://github.com/chairuosen/vue2-ace-editor/blob/master/index.js

How to pass the content to the editor

To use the broadcast the event to inform the editor refer to http://stackoverflow.com/questions/34534151/passing-data-to-components-in-vue-js

huming0618 commented 7 years ago

[ ] Add the /sourcecode routting on server API
[ ] How to pass the code from main to CodeEditor ?

Refer to https://vuejs.org/v2/guide/components.html http://stackoverflow.com/questions/39868963/vue-2-mutating-props-vue-warn

huming0618 commented 7 years ago

To-Do:

[x] Add the themes, language support
[x] editing style
[x] read-only

huming0618 commented 7 years ago

Note

ACE Themes node_modules/brace/theme
ACE Modes: node_modules/brace/mode
to preview https://ace.c9.io/build/kitchen-sink.html
ACE API: setFontSize(), setReadOnly() https://ace.c9.io/#nav=api&api=editor

huming0618 commented 7 years ago

ToDo

[ ] apply the ace mode, accordingly