@jx3box/jx3box-editor 1.0.5 → 1.0.9

package/src/components/markdown/katex.vue

@@ -0,0 +1,59 @@
+<template>
+    <div class="c-editor-markdown-dialog">
+        <span class="c-markdown-toolbar-file c-markdown-toolbar-item u-katex" @click="handleClick" title="插入Latex">
+            Σ
+        </span>
+
+        <el-dialog :visible.sync="visible" title="插入数学公式" :modal-append-to-body="false">
+            <a class="u-help" href="/tool/16295" target="_blank">💙 查看帮助文档</a>
+
+            <el-input class="u-input u-input-katex" type="textarea" :rows="5" v-model="katex"></el-input>
+
+            <div slot="footer">
+                <el-button @click="cancel">取消</el-button>
+                <el-button type="primary" @click="insert">插入</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "markdown_katex",
+    data() {
+        return {
+            visible: false,
+            katex: "",
+        };
+    },
+    methods: {
+        handleClick() {
+            this.visible = true;
+        },
+        cancel() {
+            this.visible = false;
+            this.katex = "";
+        },
+        insert() {
+            const content = `<pre class="e-latex-area w-latex">${this.katex}</pre>`;
+
+            this.$emit("insert", content);
+
+            this.katex = "";
+
+            this.visible = false;
+        },
+    },
+};
+</script>
+
+<style lang="less">
+@import "../../../assets/css/markdown/dialog.less";
+.c-markdown-toolbar-item.u-katex {
+    display: inline-flex;
+    justify-content: center;
+    align-content: center;
+    width: 26px;
+    height: 26px;
+}
+</style>

package/src/components/markdown/macro.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="c-editor-markdown-dialog c-editor-markdown-macro">
+    <div class="c-editor-markdown-dialog">
         <span class="c-markdown-toolbar-file c-markdown-toolbar-item" @click="handleClick" title="插入宏">宏</span>
 
         <el-dialog :visible.sync="visible" title="插入宏" :modal-append-to-body="false">
@@ -35,6 +35,8 @@ export default {
 
             this.$emit('insert', content)
 
+            this.macro = ''
+
             this.visible = false
         }
     }
@@ -42,5 +44,5 @@ export default {
 </script>
 
 <style lang="less">
-@import '../../../assets/css/markdown/common.less';
+@import '../../../assets/css/markdown/dialog.less';
 </style>

package/src/components/markdown/pz.vue

@@ -1,12 +1,12 @@
 <template>
-    <div class="m-macro-dialog m-pz-dialog">
+    <div class="c-editor-markdown-dialog ">
         <span class="c-markdown-toolbar-file c-markdown-toolbar-item" @click="handleClick" title="插入配装方案">装</span>
 
         <el-dialog :visible.sync="visible" title="配装方案" :modal-append-to-body="false">
 
             <p>👘 请填入魔盒配装方案的<a target="_blank" href="/tool/32032">【嵌入版】</a>编码</p>
 
-            <el-input class="m-macro-input" type="textarea" :rows="4" v-model="pzCode"></el-input>
+            <el-input class="u-input" type="textarea" :rows="4" v-model="pzCode"></el-input>
 
             <div slot="footer">
                 <el-button @click="cancel">取消</el-button>
@@ -38,6 +38,8 @@ export default {
 
             this.$emit('insert', content)
 
+            this.pz = ''
+
             this.visible = false
         }
     }
@@ -45,5 +47,5 @@ export default {
 </script>
 
 <style lang="less">
-@import '../../../assets/css/markdown/common.less';
+@import '../../../assets/css/markdown/dialog.less';
 </style>

package/src/components/markdown/talent.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="c-editor-markdown-dialog">
+        <span class="c-markdown-toolbar-file c-markdown-toolbar-item" @click="handleClick" title="插入奇穴方案">
+            奇
+        </span>
+
+        <el-dialog :visible.sync="visible" title="插入奇穴方案" :modal-append-to-body="false">
+            <p>💙 请填入<a target="_blank" href="/app/talent">奇穴模拟器</a>生成的编码</p>
+
+            <el-input class="u-input u-input-macro" type="textarea" :rows="5" v-model="talent"></el-input>
+
+            <div slot="footer">
+                <el-button @click="cancel">取消</el-button>
+                <el-button type="primary" @click="insert">插入</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "markdown_talent",
+    data() {
+        return {
+            visible: false,
+            talent: "",
+        };
+    },
+    methods: {
+        handleClick() {
+            this.visible = true;
+        },
+        cancel() {
+            this.visible = false;
+            this.talent = "";
+        },
+        insert() {
+            const content = `<pre class="e-jx3qixue-area">${this.talent}</pre>`;
+
+            this.$emit("insert", content);
+
+            this.talent = "";
+
+            this.visible = false;
+        },
+    },
+};
+</script>
+
+<style lang="less">
+@import "../../../assets/css/markdown/dialog.less";
+</style>

package/src/components/markdown/talent2.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="c-editor-markdown-dialog">
+        <span class="c-markdown-toolbar-file c-markdown-toolbar-item" @click="handleClick" title="插入镇派方案">
+            镇
+        </span>
+
+        <el-dialog :visible.sync="visible" title="插入镇派方案" :modal-append-to-body="false">
+            <p>💙 请填入<a target="_blank" href="/app/talent2">镇派模拟器</a>生成的编码</p>
+
+            <el-input class="u-input u-input-macro" type="textarea" :rows="5" v-model="talent"></el-input>
+
+            <div slot="footer">
+                <el-button @click="cancel">取消</el-button>
+                <el-button type="primary" @click="insert">插入</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "markdown_talent2",
+    data() {
+        return {
+            visible: false,
+            talent: "",
+        };
+    },
+    methods: {
+        handleClick() {
+            this.visible = true;
+        },
+        cancel() {
+            this.visible = false;
+            this.talent = "";
+        },
+        insert() {
+            const content = `<pre class="e-jx3talent2-area">${this.talent}</pre>`;
+
+            this.$emit("insert", content);
+
+            this.talent = "";
+
+            this.visible = false;
+        },
+    },
+};
+</script>
+
+<style lang="less">
+@import "../../../assets/css/markdown/dialog.less";
+</style>

package/src/components/markdown/video.vue

@@ -0,0 +1,52 @@
+<template>
+    <div class="c-editor-markdown-dialog">
+        <span class="c-markdown-toolbar-video c-markdown-toolbar-item" @click="handleClick" title="插入视频">
+            <i class="el-icon-video-camera"></i>
+        </span>
+
+        <el-dialog :visible.sync="visible" title="插入视频" :modal-append-to-body="false">
+            <a class="u-help" href="/tool/686/" target="_blank">💙 点击查看如何获取视频地址</a>
+
+            <el-input class="u-input" type="textarea" :rows="4" v-model="videoUrl"></el-input>
+
+            <div slot="footer">
+                <el-button @click="cancel">取消</el-button>
+                <el-button type="primary" @click="insert">插入</el-button>
+            </div>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "markdown_video",
+    data() {
+        return {
+            visible: false,
+            videoUrl: "",
+        };
+    },
+    methods: {
+        handleClick() {
+            this.visible = true;
+        },
+        cancel() {
+            this.visible = false;
+            this.videoUrl = "";
+        },
+        insert() {
+            const content = `<div class="c-article-videox">${this.videoUrl}</div>`;
+
+            this.$emit("insert", content);
+
+            this.videoUrl = "";
+
+            this.visible = false;
+        },
+    },
+};
+</script>
+
+<style lang="less">
+@import "../../../assets/css/markdown/dialog.less";
+</style>

package/assets/css/markdown/common.less

@@ -1,13 +0,0 @@
-.c-editor-markdown-macro {
-    display: inline-block;
-
-    .u-input {
-        .el-textarea__inner {
-
-            font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
-        }
-    }
-    .el-dialog__body {
-        padding-top: 0;
-    }
-}