新增左右对齐的文字操作

 <!--
  * @Date: 2024-07-12 13:28:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-08-20 11:29:58
+ * @LastEditTime: 2024-08-21 10:40:56
  * @FilePath: /data-table/src/components/TEditor/index.vue
  * @Description: 文件描述
 -->
@@ -9,10 +9,10 @@
   <div style="height: 100%; overflow: hidden;">
     <div v-if="isCursorInTable" style="padding: 0.5rem 1.25rem;">
       <van-icon @click="addRow" name="https://cdn.ipadbiz.cn/custom_form/icon/add-line.png" />
+      <van-icon @click="textLeft" name="https://cdn.ipadbiz.cn/custom_form/icon/text-left.png" style="margin-left: 1rem;" />
       <van-icon @click="textCenter" name="https://cdn.ipadbiz.cn/custom_form/icon/text-align.png" style="margin-left: 1rem;" />
+      <van-icon @click="textRight" name="https://cdn.ipadbiz.cn/custom_form/icon/text-right.png" style="margin-left: 1rem;" />
     </div>
-    <!-- <div @click="addRow">新增一行</div>
-    <div @click="textCenter">文字居中</div> -->
     <editor
       api-key="no-api-key"
         v-model="myValue"
@@ -367,6 +367,14 @@ const textCenter = () => {
   tinymce.activeEditor.execCommand('JustifyCenter')
 }
 
+const textLeft = () => {
+  tinymce.activeEditor.execCommand('JustifyLeft')
+}
+
+const textRight = () => {
+  tinymce.activeEditor.execCommand('JustifyRight')
+}
+
 defineExpose({
   handleSetContent,
   handleGetContent,