新闻资讯样式优化

src/views/news/index.vue

@@ -245,7 +245,7 @@
           detailInfo.newssummary
         }}</FormItem>
         <FormItem label="内容" prop="newscontent">
-          <div v-html="detailInfo.newscontent"></div>
+          <div class="news_content" v-html="detailInfo.newscontent"></div>
         </FormItem>
       </Form>
       <div slot="footer" style="text-align: center">
@@ -593,4 +593,7 @@ export default {
   padding: 16px 0;
   text-align: right;
 }
+.news_content /deep/ img {
+  max-width: 100%;
+}
 </style>

src/views/news/newsEditor.vue

@@ -111,7 +111,7 @@ export default {
                   imgSrc.indexOf("http://") > -1 ||
                   imgSrc.indexOf("https://") > -1
                 ) {
-                  if (imgSrc.indexOf(that.$api.showImageUrl) == -1) {
+                  if (imgSrc.indexOf(that.$api.showImageUrl) === -1) {
                     that.imgsObj[imgSrc] = "";
                   }
                 }
@@ -186,7 +186,6 @@ export default {
       return new Promise(function (resolve, reject) {
         let ImgObj = new Image();
         ImgObj.src = imgUrl;
-        ImgObj.setAttribute("crossOrigin", "Anonymous");
         ImgObj.onload = function () {
           resolve(imgUrl);
         };
@@ -198,8 +197,8 @@ export default {
     changeImageUrl(imgSrc) {
       let that = this;
       let formData = new FormData();
-      formData.append("newpath", "news");
-      formData.append("filepath", imgSrc);
+      formData.append("newpath", imgSrc);
+      formData.append("filepath", "news");
       that
         .axios({
           method: "POST",
@@ -213,6 +212,16 @@ export default {
         .then((res) => {
           if (!res.data.code) {
             that.imgsObj[imgSrc] = res.data.obj;
+            if (that.myCkeditor && that.myCkeditor.document.getBody().$) {
+              let oldhtml = that.myCkeditor.document.getBody().getHtml();
+              if (oldhtml) {
+                let newhtml = oldhtml.replaceAll(
+                  imgSrc,
+                  that.$api.showImageUrl + res.data.obj
+                );
+                that.setContent(newhtml);
+              }
+            }
           } else {
             that.$Message.error(res.data.msg);
           }