@stockmind/vue-brace v0.3.2

Vue Brace

Code editor powered by Vue 2 and browserify Ace (Brace)

Fork of vue-bulma-brace

Installation

$ npm install @stockmind/vue-brace --save

Examples

<template>
  <div>
    <brace style="height: 500px"
      :id="'editor1'" 
      :fontsize="'12px'" 
      :theme="'github'" 
      :mode="'json'"
      :codefolding="'markbegin'"
      :softwrap="'free'"
      :selectionstyle="'text'"
      :highlightline="true"
      v-model="sourcecode"
    >
    </brace>
  </div>
</template>

<script>
import Brace from '@stockmind/vue-brace'

export default {
  components: {
    Brace
  }
}
</script>

Note: Give a unique different ID name for every editor you want to place into a page

Badges