修改pbl样式及功能

src/components/pages/race/addRace.vue

@@ -145,10 +145,10 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="isAddOrUpRace(1)"
-          >跳过并提交</el-button
+        <el-button type="primary" @click="dialogVisible1 = false"
+          >继续填写</el-button
         >
-        <el-button @click="dialogVisible1 = false">继续填写</el-button>
+        <el-button @click="isAddOrUpRace(1)">跳过并提交</el-button>
       </span>
     </el-dialog>
     <el-dialog
@@ -168,10 +168,10 @@
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="isAddOrUpRace(1)"
-          >保存并离开</el-button
+        <el-button type="primary" @click="dialogVisible2 = false"
+          >继续填写</el-button
         >
-        <el-button @click="dialogVisible2 = false">继续填写</el-button>
+        <el-button  @click="isAddOrUpRace(1)">保存并离开</el-button>
       </span>
     </el-dialog>
   </div>
@@ -476,6 +476,7 @@ export default {
       }
     },
     isGoto() {
+      this.steps = 1;
       if (
         this.raceInfo.title != "" ||
         this.raceInfo.type.length > 0 ||

src/components/pages/race/addRace/projectActpro.vue

@@ -116,7 +116,7 @@
                           />
                         </button>
                         <div>
-                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M,其他文件不限制大小。
+                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M，其他文件不限制大小。
                         </div>
                       </div>
                     </div>

src/components/pages/race/addRace/projectEffect.vue

@@ -103,7 +103,7 @@
                           />
                         </button>
                         <div>
-                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M,其他文件不限制大小。
+                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M，其他文件不限制大小。
                         </div>
                       </div>
                     </div>

src/components/pages/race/addRace/projectExceva.vue

@@ -103,7 +103,7 @@
                           />
                         </button>
                         <div>
-                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M,其他文件不限制大小。
+                          上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M，其他文件不限制大小。
                         </div>
                       </div>
                     </div>

src/components/pages/race/addRace/projectProcess.vue

@@ -14,6 +14,7 @@
             </div>
             <div class="stepRightNav" @click="jump('jd' + staIndex + 1)">
               <div>阶段{{ staIndex + 1 }}</div>
+              <div v-if="sta.staTitle != ''">{{ sta.staTitle }}</div>
               <div class="isFinishCss" v-if="sta.staTitle != ''">
                 <div class="isFinish">
                   <img src="../../../../assets/icon/race/finish.png" alt="" />
@@ -44,8 +45,15 @@
                   v-model="sa.allTime"
                   @input="upRacePro"
                   placeholder="输入阶段总课时"
+                  @change="isNumber($event,saIndex,'', 0)"
                 ></el-input>
               </div>
+              <div
+                class="remove"
+                v-if="racePro.stageBox.length > 1"
+                @click="deleteSta(saIndex)"
+                style="position: absolute; right: 0"
+              ></div>
             </div>
             <div
               class="raceProBox"
@@ -72,6 +80,7 @@
                       v-model="race.actTime"
                       placeholder="输入任务课时"
                       @input="upRacePro"
+                      @change="isNumber($event,saIndex,raIndex, 1)"
                     ></el-input>
                   </div>
                   <div
@@ -95,11 +104,7 @@
                   <div
                     class="fullCss"
                     @click="
-                      fullTools(
-                        race.driQuestion.brief,
-                        1,
-                        '',saIndex,raIndex
-                      )
+                      fullTools(race.driQuestion.brief, 1, '', saIndex, raIndex)
                     "
                   >
                     全屏编辑
@@ -227,11 +232,7 @@
                   <div
                     class="fullCss"
                     @click="
-                      fullTools(
-                        race.tarDesign.brief,
-                        2,
-                        '',saIndex,raIndex
-                      )
+                      fullTools(race.tarDesign.brief, 2, '', saIndex, raIndex)
                     "
                   >
                     全屏编辑
@@ -358,11 +359,7 @@
                   <div
                     class="fullCss"
                     @click="
-                      fullTools(
-                        race.actiDesign.brief,
-                        3,
-                        '',saIndex,raIndex
-                      )
+                      fullTools(race.actiDesign.brief, 3, '', saIndex, raIndex)
                     "
                   >
                     全屏编辑
@@ -490,11 +487,7 @@
                   <div
                     class="fullCss"
                     @click="
-                      fullTools(
-                        race.evaDesign.brief,
-                        4,
-                        '',saIndex,raIndex
-                      )
+                      fullTools(race.evaDesign.brief, 4, '', saIndex, raIndex)
                     "
                   >
                     全屏编辑
@@ -680,9 +673,9 @@ export default {
       fullBrief: "",
       plaText: "",
       isBrief: 0,
-      full:false,
-      jdIndex:0,
-      rwIndex:0,
+      full: false,
+      jdIndex: 0,
+      rwIndex: 0,
     };
   },
   methods: {
@@ -721,6 +714,19 @@ export default {
         }
       }
     },
+    isNumber(e,i,j,t) {
+      var numReg = /^[0-9]*$/;
+      var numRe = new RegExp(numReg);
+      if (!numRe.test(e)) {
+        this.$message.error("请输入数字！");
+        if(t == 0){
+          this.racePro.stageBox[i].allTime = "";
+        }else{
+          this.racePro.stageBox[i].actBox[j].actTime = "";
+        }
+        return;
+      }
+    },
     upRacePro() {
       this.$emit("upRacePro", this.racePro);
     },
@@ -1050,7 +1056,26 @@ export default {
           });
       }
     },
-    fullTools(b, t, text,i,j) {
+    deleteSta(i) {
+      var _this = this;
+      if (_this.time()) {
+        _this
+          .$confirm("确定删除此阶段吗?", "提示", {
+            confirmButtonText: "确定",
+            cancelButtonText: "取消",
+            type: "warning",
+          })
+          .then(() => {
+            _this.racePro.stageBox.splice(i, 1);
+            _this.$message.success("删除成功");
+            this.upRacePro();
+          })
+          .catch(() => {
+            return;
+          });
+      }
+    },
+    fullTools(b, t, text, i, j) {
       this.fullBrief = b;
       this.isBrief = t;
       this.plaText = text;
@@ -1060,13 +1085,21 @@ export default {
     },
     addFullText() {
       if (this.isBrief == 1) {
-        this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].driQuestion.brief = this.fullBrief;
+        this.racePro.stageBox[this.jdIndex].actBox[
+          this.rwIndex
+        ].driQuestion.brief = this.fullBrief;
       } else if (this.isBrief == 2) {
-        this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].tarDesign.brief = this.fullBrief;
+        this.racePro.stageBox[this.jdIndex].actBox[
+          this.rwIndex
+        ].tarDesign.brief = this.fullBrief;
       } else if (this.isBrief == 3) {
-        this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].actiDesign.brief = this.fullBrief;
+        this.racePro.stageBox[this.jdIndex].actBox[
+          this.rwIndex
+        ].actiDesign.brief = this.fullBrief;
       } else if (this.isBrief == 4) {
-        this.racePro.stageBox[this.jdIndex].actBox[this.rwIndex].evaDesign.brief = this.fullBrief;
+        this.racePro.stageBox[this.jdIndex].actBox[
+          this.rwIndex
+        ].evaDesign.brief = this.fullBrief;
       }
       this.isBrief = 0;
       this.fullBrief = "";

src/components/pages/race/addRace/raceDetail.vue

@@ -227,18 +227,10 @@
                         <div class="tx">
                           <img :src="tx" alt />
                         </div>
-                        <div
-                          style="
-                            width: 50px;
-                            text-align: left;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                          "
-                        >
+                        <div class="fontWidth">
                           {{ scope.row.sn }}
                         </div>
-                        <div class="lxr">联系人</div>
+                        <!-- <div class="lxr">联系人</div> -->
                       </div>
                     </template>
                   </el-table-column>
@@ -300,7 +292,7 @@
                   font-size: 14px;
                 "
               >
-                *联系人所有信息都必填
+                *联系人的所有信息都必须填写，每个项目只有1个联系人
               </div>
             </div>
           </div>
@@ -310,7 +302,7 @@
               <div
                 class="addPeople"
                 @click="addAutor(1)"
-                v-if="raceDetail.tableData.length < 6"
+                v-if="raceDetail.tableData.length < 5"
               >
                 添加协作者
               </div>
@@ -333,15 +325,7 @@
                         <div class="tx">
                           <img :src="tx" alt />
                         </div>
-                        <div
-                          style="
-                            width: 50px;
-                            text-align: left;
-                            white-space: nowrap;
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                          "
-                        >
+                        <div class="fontWidth">
                           {{ scope.row.sn }}
                         </div>
                       </div>
@@ -405,7 +389,7 @@
                   font-size: 14px;
                 "
               >
-                *协作者不超过6人；名字必填其余信息非必填
+                *协作者除姓名信息为必填项外，其余信息为选填项，协作者总人数不超过6人
               </div>
             </div>
           </div>
@@ -413,16 +397,29 @@
             <div class="right_first">
               <div class="right_title" id="fouth">项目简介</div>
               <div class="secondTop">
-                <textarea
+                <el-input
+                  type="textarea"
+                  placeholder="200字以内，介绍项目背景，描述生活中的现象，引出要解决的核心问题，概述解决问题的思路及预期成果等。"
+                  v-model="raceDetail.courseText"
+                  @input="updateTitle"
+                  maxlength="200"
+                  show-word-limit
+                  rows="8"
+                  class="tAreaCss"
+                  cols
+                >
+                </el-input>
+                <!-- <textarea
                   rows="8"
                   class="binfo_input tAreaCss"
                   cols
                   v-model="raceDetail.courseText"
                   @input="updateTitle"
                   maxlength="200"
+                  show-word-limit
                   placeholder="200字以内，介绍项目背景，描述生活中的现象，引出要解决的核心问题，概述解决问题的思路及预期成果等。"
                   style="font-size: 14px"
-                ></textarea>
+                ></textarea> -->
               </div>
             </div>
           </div>
@@ -506,7 +503,7 @@
                           />
                         </button>
                         <div>
-                          此处需要提交《项目式学习方案设计》、《项目式学习活动案例》，上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M,其他文件不限制大小。
+                          此处需要提交《项目式学习方案设计》、《项目式学习活动案例》，此处只能上传PDF，文件不限制大小。
                         </div>
                       </div>
                     </div>
@@ -646,7 +643,7 @@
             </div>
           </div>
         </div>
-        <div class="fileCss">
+        <div class="fileCss" v-if="raceDetail.cover.length > 0">
           <div>选择本地文件</div>
           <div>选择系统文件</div>
         </div>
@@ -949,28 +946,36 @@ export default {
         "PGPEG",
         "AVIF",
       ];
+      // if (
+      //   b.indexOf(
+      //     file.name
+      //       .split(".")
+      //       [file.name.split(".").length - 1].toLocaleUpperCase()
+      //   ) != -1
+      // ) {
+      //   if (file.size / 1024 / 1024 > 10) {
+      //     this.$message.error("上传文件大于10M，请重新选择文件！");
+      //     return;
+      //   }
+      // } else if (
+      //   c.indexOf(
+      //     file.name
+      //       .split(".")
+      //       [file.name.split(".").length - 1].toLocaleUpperCase()
+      //   ) != -1
+      // ) {
+      //   if (file.size / 1024 / 1024 > 5) {
+      //     this.$message.error("添加的上传文件大于5M，请重新选择文件！");
+      //     return;
+      //   }
+      // }
       if (
-        b.indexOf(
-          file.name
-            .split(".")
-            [file.name.split(".").length - 1].toLocaleUpperCase()
-        ) != -1
+        file.name
+          .split(".")
+          [file.name.split(".").length - 1].toLocaleUpperCase() != "PDF"
       ) {
-        if (file.size / 1024 / 1024 > 10) {
-          this.$message.error("上传文件大于10M，请重新选择文件！");
-          return;
-        }
-      } else if (
-        c.indexOf(
-          file.name
-            .split(".")
-            [file.name.split(".").length - 1].toLocaleUpperCase()
-        ) != -1
-      ) {
-        if (file.size / 1024 / 1024 > 5) {
-          this.$message.error("添加的上传文件大于5M，请重新选择文件！");
-          return;
-        }
+        this.$message.error("请上传PDF文件！");
+        return;
       }
 
       if (
@@ -1241,6 +1246,9 @@ export default {
   .upTips {
     align-items: flex-start !important;
   }
+  .fontWidth {
+    width: 50px !important;
+  }
 }
 .dialog_diy >>> .el-dialog__header {
   background: #3c3c3c !important;
@@ -1533,7 +1541,7 @@ export default {
   margin: 10px auto;
 }
 
-.tAreaCss {
+.tAreaCss >>> .el-textarea__inner {
   resize: none;
   font-size: 14px;
 }
@@ -2043,4 +2051,11 @@ export default {
   width: 100%;
   height: 100%;
 }
+.fontWidth {
+  width: 200px;
+  text-align: left;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 </style>

src/components/pages/race/addRace/raceOverview.vue

@@ -87,7 +87,7 @@
                 <editor-bar
                   v-model="raceOver.driQuestion.brief"
                   @change="upRaceOver"
-                  :placeholder="'可包括阶段性问题和学科问题：阶段性问题是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务。学科问题是指从不同学科的角度以及分解和提出要研究解决的主要问题。'"
+                  :placeholder="'可包括“阶段性问题”和“学科问题”：“阶段性问题”是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务；“学科问题”是指从不同学科的角度分解和提出要研究解决的主要问题。'"
                 ></editor-bar>
                 <div
                   class="fullCss"
@@ -95,7 +95,7 @@
                     fullTools(
                       raceOver.driQuestion.brief,
                       1,
-                      '可包括阶段性问题和学科问题：阶段性问题是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务。学科问题是指从不同学科的角度以及分解和提出要研究解决的主要问题。'
+                      '可包括“阶段性问题”和“学科问题”：“阶段性问题”是指在核心问题解决的不同阶段，通过提出驱动性问题，明确阶段子任务；“学科问题”是指从不同学科的角度分解和提出要研究解决的主要问题。'
                     )
                   "
                 >
@@ -190,7 +190,7 @@
                         />
                       </button>
                       <div>
-                        上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M,其他文件不限制大小。
+                        上传文件PPT、Word大小限制为10M，Excel、PDF上传大小限制为5M，其他文件不限制大小。
                       </div>
                     </div>
                   </div>
@@ -230,7 +230,7 @@
                 <editor-bar
                   v-model="raceOver.tarDesign.brief"
                   @change="upRaceOver"
-                  :placeholder="'学习目标提倡用核心素养来分类概括再描述，具体表述时应行为化、具体化、操作化，可以用“通过什么，达到什么，培养什么”的句式来进行表述'"
+                  :placeholder="'学习目标提倡用核心素养来分类概括再描述，具体表述时应行为化、具体化、操作化，可以用“通过什么，达到什么，培养什么”的句式来进行表述。'"
                 ></editor-bar>
                 <div
                   class="fullCss"
@@ -238,7 +238,7 @@
                     fullTools(
                       raceOver.tarDesign.brief,
                       2,
-                      '学习目标提倡用核心素养来分类概括再描述，具体表述时应行为化、具体化、操作化，可以用“通过什么，达到什么，培养什么”的句式来进行表述'
+                      '学习目标提倡用核心素养来分类概括再描述，具体表述时应行为化、具体化、操作化，可以用“通过什么，达到什么，培养什么”的句式来进行表述。'
                     )
                   "
                 >

src/components/pages/race/eventCenter/eventMessage.vue

@@ -142,7 +142,7 @@
           </div>
           <div style="text-indent: 32px">
             <span>
-              1.项目式学习方案设计。包括项目信息、项目简介、驱动问题与子问题、学习目标（核心概念界定）、预期学习成果、项目评价、项目活动设计等（见附件1）。
+              1.项目式学习方案设计。包括项目信息、项目简介、驱动问题与子问题、学习目标（核心概念界定）、预期学习成果、项目评价、项目活动设计等。
             </span>
           </div>
           <div style="text-indent: 32px">
@@ -175,11 +175,11 @@
             <span> (一)提交阶段 </span>
           </div>
           <div style="text-indent: 32px">
-            <span>(1)通过参与地市组织的活动提交案例； </span>
+            <span>（1）通过参与地市组织的活动提交案例； </span>
           </div>
           <div style="text-indent: 32px">
             <span>
-              (2)地市没有组织的，可自行通过在线方式提交。自通告发布之日起，可联系xxxx获取账号。
+              （2）地市没有组织的，可自行通过在线方式提交。自通告发布之日起，可获取账号。
             </span>
           </div>
           <div style="text-indent: 32px">
@@ -216,7 +216,7 @@
               请各地积极组织学校申报，相关材料登录广东省教育研究院网站（http://gdae.gdedu.gov.cn/）通知公告栏下载。如对本次案例征集有任何疑问，可发送邮件至gdstem2019@126.com，或联系电话020-83344192。
             </span>
           </div>
-          <div
+          <!-- <div
             style="
               text-indent: 32px;
               display: flex;
@@ -280,7 +280,7 @@
                 5.其他
               </div>
             </div>
-          </div>
+          </div> -->
         </div>
       </div>
     </div>

src/components/pages/race/eventCenter/myAnli.vue

@@ -374,7 +374,7 @@ export default {
 .anLi {
   background: #fff;
   width: 95%;
-  margin: 20px auto;
+  margin: 20px auto 30px;
   border-radius: 10px;
   height: 200px;
 }
@@ -410,6 +410,7 @@ export default {
 .anliImg > img {
   width: 100%;
   height: 100%;
+  object-fit: contain;
 }
 .people {
   display: flex;
@@ -496,7 +497,7 @@ export default {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
-  align-items: flex-end;
+  align-items: center;
 }
 .autorBox {
   display: flex;

src/components/tools/wangEnduit.vue

@@ -10,7 +10,7 @@
 <script>
 import E from "wangeditor";
 import "../../common/aws-sdk-2.235.1.min";
-import { Loading } from 'element-ui';
+import { Loading } from "element-ui";
 // import 'wangeditor/release/wangEditor.min.css'
 export default {
   name: "editoritem",
@@ -34,10 +34,10 @@ export default {
       type: Boolean,
       default: false,
     },
-    placeholder:{
-      type:String,
-      default:"请输入正文"
-    }
+    placeholder: {
+      type: String,
+      default: "请输入正文",
+    },
   },
   watch: {
     isClear(val) {
@@ -63,6 +63,10 @@ export default {
       this.editor = new E(this.$refs.toolbar, this.$refs.editor);
       // 关闭菜单栏fixed
       this.editor.config.menuFixed = false;
+      //修改图片
+      this.editor.config.uploadImgShowBase64 = true;
+      // 上传图片大小 5M
+      this.editor.config.uploadImgMaxSize = 10 * 1024 * 1024;
       // 普通的自定义菜单
       this.editor.config.menus = [
         "head", //标题
@@ -100,7 +104,7 @@ export default {
       this.editor.config.customUploadImg = function (files, insert) {
         const loading = Loading.service({
           lock: true,
-          background: 'rgba(0, 0, 0, 0.7)'
+          background: "rgba(0, 0, 0, 0.7)",
         });
         // 图片自定义上传方法
         for (var i = 0; i < files.length; i++) {
@@ -114,13 +118,18 @@ export default {
 
           var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
 
+          if (file.size / 1024 / 1024 > 5) {
+            this.$message.error("添加的上传文件大于5M，请重新选择文件！");
+            return;
+          }
+
           if (file) {
             var params = {
               Key:
                 file.name.split(".")[0] +
                 new Date().getTime() +
                 "." +
-                file.name.split(".")[file.name.split(".").length-1],
+                file.name.split(".")[file.name.split(".").length - 1],
               ContentType: file.type,
               Body: file,
               "Access-Control-Allow-Credentials": "*",
@@ -138,7 +147,7 @@ export default {
                 // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
               })
               .send(function (err, data) {
-                 loading.close();
+                loading.close();
                 if (err) {
                   that.$message.error("上传失败");
                 } else {
@@ -151,16 +160,16 @@ export default {
       };
       //配置 自定义处理粘贴的文本内容
       this.editor.config.pasteTextHandle = function (content) {
-        if (content == '' && !content) return ''
-        var str = content
-        str = str.replace(/<xml>[\s\S]*?<\/xml>/ig, '')
-        str = str.replace(/<style>[\s\S]*?<\/style>/ig, '')
-        str = str.replace(/<\/?[^>]*>/g, '')
-        str = str.replace(/[ | ]*\n/g, '\n')
-        str = str.replace(/&nbsp;/ig, '')
+        if (content == "" && !content) return "";
+        var str = content;
+        str = str.replace(/<xml>[\s\S]*?<\/xml>/gi, "");
+        str = str.replace(/<style>[\s\S]*?<\/style>/gi, "");
+        str = str.replace(/<\/?[^>]*>/g, "");
+        str = str.replace(/[ | ]*\n/g, "\n");
+        str = str.replace(/&nbsp;/gi, "");
         // console.log('****', content)
         // console.log('****', str)
-        return str
+        return str;
       };
       this.editor.config.onchange = (html) => {
         this.info_ = html; // 绑定当前逐渐地值
@@ -190,26 +199,26 @@ export default {
 }
 
 /* table 样式 */
-.editor>>>table {
+.editor >>> table {
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
 }
 
-.editor>>>table td,
-.editor>>>table th {
+.editor >>> table td,
+.editor >>> table th {
   border-bottom: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: 20px 5px;
   max-width: 0px;
 }
 
-.editor>>>table th {
+.editor >>> table th {
   border-bottom: 2px solid #ccc;
   text-align: center;
 }
 
 /* blockquote 样式 */
-.editor>>>blockquote {
+.editor >>> blockquote {
   display: block;
   border-left: 8px solid #d0e5f2;
   padding: 5px 10px;
@@ -220,7 +229,7 @@ export default {
 }
 
 /* code 样式 */
-.editor>>>code {
+.editor >>> code {
   display: inline-block;
   *display: inline;
   *zoom: 1;
@@ -230,28 +239,28 @@ export default {
   margin: 0 3px;
 }
 
-.editor>>>pre code {
+.editor >>> pre code {
   display: block;
 }
 
 /* ul ol 样式 */
-.editor>>>ul,
+.editor >>> ul,
 ol {
   margin: 10px 0 10px 20px;
 }
 
-.editor>>>.w-e-text p, 
-.editor>>>.w-e-text h1, 
-.editor>>>.w-e-text h2, 
-.editor>>>.w-e-text h3, 
-.editor>>>.w-e-text h4, 
-.editor>>>.w-e-text h5, 
-.editor>>>.w-e-text table, 
-.editor>>>.w-e-text pre{
+.editor >>> .w-e-text p,
+.editor >>> .w-e-text h1,
+.editor >>> .w-e-text h2,
+.editor >>> .w-e-text h3,
+.editor >>> .w-e-text h4,
+.editor >>> .w-e-text h5,
+.editor >>> .w-e-text table,
+.editor >>> .w-e-text pre {
   line-height: 1.15;
   margin: 5px 0 !important;
 }
-.editor >>> .w-e-text-container .placeholder{
+.editor >>> .w-e-text-container .placeholder {
   font-size: 14px;
   color: #757575;
 }