diff --git a/src/components/TextBox.vue b/src/components/TextBox.vue
index 7d7a2d9..4a7dce5 100644
--- a/src/components/TextBox.vue
+++ b/src/components/TextBox.vue
@@ -1,27 +1,40 @@
-
-
+
+
-
+
-
+
- $emit('edit')">Edit
+ $emit('edit')"
+ >Edit
- $emit('remove')">Remove
+ $emit('remove')"
+ >Remove
diff --git a/src/pages/Editor.vue b/src/pages/Editor.vue
index 214d829..338141d 100644
--- a/src/pages/Editor.vue
+++ b/src/pages/Editor.vue
@@ -10,6 +10,7 @@ import Statement from '../components/Statement.vue'
import VarDeclEditor from './VarDeclEditor.vue'
import ExpressionEditor from './ExpressionEditor.vue'
import TextBox from '../components/TextBox.vue'
+import {RichTextBox} from "../types.ts";
const math = new MathPage(uuidv4())
const statements = ref([])
@@ -58,10 +59,10 @@ const saveNewExpression = (stmt: MathStatement) => {
*/
const richTextStatements = ref([
- { text: "test" },
- { text: "test2" },
- { text: "test3" },
-]);
+ new RichTextBox('newText'),
+ new RichTextBox('newText', 0,100)
+
+ ]);
const richEditModal = ref(false);
const richEditExpression = ref("");
@@ -110,7 +111,7 @@ function richUpdateValue() {
-
+
@@ -165,12 +166,12 @@ function richUpdateValue() {
-
+
-
+
diff --git a/src/types.ts b/src/types.ts
index c0b76d6..275eaf8 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -91,3 +91,12 @@ export interface EvaluationResult {
variables: Record
statements: Record
}
+
+
+export class RichTextBox {
+ constructor(
+ public text: string = '',
+ public x: Number = 0,
+ public y: Number = 0,
+ ) {}
+}
\ No newline at end of file