Code editor powered by Vuejs and browserify Ace.
brace
This project is created with the power of the Ace code editor, as another component for the Vue Bulma UI Components. You can browse its repositories to find more useful vue related projects.
Example
Requires Bulma:
npm install bulma
Bulma is a modern CSS framework based on Flexbox. Documentation.
Install
npm install vue-bulma-brace --save
<script>
import Brace from 'vue-bulma-brace'
export default {
components: {
Brace
}
}
<template>
<div id="app">
<brace
:fontsize="'22px'"
:theme="'monokai'"
:mode="'javascript'"
:codefolding="'markbegin'"
:softwrap="'free'"
:selectionstyle="'text'"
:highlightline="true">
</brace>
</div>
</template>
Define any properties for your editor to customize as you see fit.
For docs and other information visit the Ace page.
Vue Bulma Brace is available on GiHub.