02 Text - v_textarea...

v_textarea

v_textarea is a component with

• file upload support
• markdown support

PropsExample 1

• value
• readonly
• tab - -4 default edit ,-3 preview
• advanced - default true
• required
• valuetype - default md
• css - default xd-white
• placeholder default comment

<v_textarea  v-model="value" style="border:0" :readonly="true" v-model="api.description"></v_textarea>

v_editable_div

Simple editable div

Props, eventsExample 1

Props:

• slot

Events:

• @input
• @updated

<v_editable_div :content="" @update=""></v_editable_div>

codemirror

Source code editor with syntax highlighting

js SnippetsExample 1

var selected= this.codemirror.getSelection();  // get selection
this.codemirror.replaceSelection( ); // replace selection

data: function () {
        return {
            cmOption: {
                name: "gfm",
                connect: 'align',
                mode:"text/x-markdown",
              //  theme: 'base16-dark',
                theme: "default",
                lineNumbers: true,
                collapseIdentical: false
            },
            }}

<codemirror v-model="content" :options="cmOption" </codemirror>

v_code

Display code with syntax highlighting.

Props

• value: { type: String }
• type: { type: String, default: 'txt' } (Supported types: js, javascript, json, txt, html, css, xml, sql, handlebars)
• highlight: { type: Boolean, default: false }

Example

<v_code value="select * from test" :highlight="true" type="sql"></v_code>