From 0b0125884c449378a2e80f888a43a2d20974c8df Mon Sep 17 00:00:00 2001
From: inleft <inleft@qq.com>
Date: Thu, 03 Mar 2022 16:20:09 +0800
Subject: [PATCH] 完成碎碎念的整合
---
src/components/group/MyPreviewModal.vue | 34 ++++++++++++++++++++++++----------
1 files changed, 24 insertions(+), 10 deletions(-)
diff --git a/src/components/group/MyPreviewModal.vue b/src/components/group/MyPreviewModal.vue
index 0faa89e..4fa33aa 100644
--- a/src/components/group/MyPreviewModal.vue
+++ b/src/components/group/MyPreviewModal.vue
@@ -1,11 +1,13 @@
<template>
<div class="myModal">
- <a-modal v-model="visible" title="编辑预览" on-ok="handleOk" width="90%" :footer="null"
- :bodyStyle="{'overflow':'overlay','width': '100%','height': '100%'}">
+ <a-modal v-model="visible" title="编辑预览" width="60%" :footer="null"
+ :bodyStyle="{'overflow':'overlay','width': '100%','height': '700px'}">
<div style="display: flex;">
- <a-textarea style="height: 750px;min-width: 50%" v-model="text" :rows="4" />
- <div class="markdown-body article-detail" style="min-width: 50%;">
- <vue-markdown :source="text"></vue-markdown>
+ <a-textarea id="myInput" style="height: 750px;min-width: 50%" v-model="text"
+ @keydown.9.native.prevent="tabFunc" />
+
+ <div class="markdown-body article-detail" style="min-width: 50%;border: 1px solid #d9d9d9;">
+ <vue-markdown :source="text"></vue-markdown>
</div>
</div>
</a-modal>
@@ -24,20 +26,32 @@
data() {
return {
visible: false,
- text: "### 长安古意 \r* 十里平湖霜满天 \r* 寸寸青丝愁华年 \r* 对月形单望相护 \r* 只羡鸳鸯不羡仙 ",
+ text: "###   十里平湖 \r> ##### (卢照邻) \r> 化自《长安古意》 \r* 十里平湖霜满天 \r* 寸寸青丝愁华年 \r* 对月形单望相护 \r* 只羡鸳鸯不羡仙 \r",
}
},
methods: {
+ tabFunc() {
+ this.insertInputTxt('myInput', '\t')
+ },
+ insertInputTxt(id, insertTxt) {
+ var elInput = document.getElementById(id);
+ var startPos = elInput.selectionStart
+ var endPos = elInput.selectionEnd
+ if (startPos === undefined || endPos === undefined) return
+ var txt = elInput.value
+ var result = txt.substring(0, startPos) + insertTxt + txt.substring(endPos)
+ elInput.value = result
+ elInput.focus()
+ elInput.selectionStart = startPos + insertTxt.length
+ elInput.selectionEnd = startPos + insertTxt.length
+ },
+
getCalendarContainer(trigger) {
return this.$refs.myModal;
},
showModal() {
this.visible = true;
},
- handleOk(e) {
- console.log(111);
- },
-
handleCancel(e) {
this.visible = false;
},
--
Gitblit v1.9.1