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.