Input Text

Use this component to render HTML inside a Vue component.

Example Usage

Example

Berechne die Summe aus $\frac{1}{4}$$\frac{1}{4}$ im Browser.

<template>
  <h3>
    Berechne die Summe aus
    <SkLatex :model-value="expression"></SkLatex>
    <SkLatex v-model="expression" :editable="true"></SkLatex>
    im Browser.
  </h3>
</template>

<script setup>
import { ref } from 'vue';

const expression = ref('\\frac{1}{4}');
</script>

Reference

Properties

Name	Type	Default	Description
v-model	ref	null	The value to edit
editable	Boolean	false	Whether the content is editable or not

Events

Name	Parameters	Description
@input	event	the payload of the input