Merge branch 'dev_aliyun' of http://bdgit.educoder.net/Hjqreturn/educoder into dev_aliyun

public/react/src/common/components/comment/CommentForm.js

@@ -10,8 +10,6 @@ import './index.scss';
 import React, { useState } from 'react';
 import { Form, Button, Input } from 'antd';
 import QuillForEditor from '../../quillForEditor';
-// import { QuillDeltaToHtmlConverter } from 'quill-delta-to-html'
-// import {formatDelta} from './util';
 const FormItem = Form.Item;
 
 function CommentForm(props) {
@@ -28,9 +26,6 @@ function CommentForm (props) {
   const [focus, setFocus] = useState(false);
 
   const options = [
-    // ['bold', 'italic', 'underline'],
-    // [{header: [1,2,3,false]}],
-    'code-block',
     'link',
     'image',
     'formula'
@@ -52,11 +47,9 @@ function CommentForm (props) {
 
   // 编辑器内容变化时
   const handleContentChange = (content) => {
-    console.log('编辑器内容', content);
     setCtx(content);
     try {
       // const _html = new QuillDeltaToHtmlConverter(content.ops, {}).convert();
-      // props.form.setFieldsValue({'comment': _html.replace(/<\/?[^>]*>/g, '')});
       props.form.setFieldsValue({ 'comment': content });
     } catch (error) {
       console.log(error);

public/react/src/common/components/comment/CommentItem.js

@@ -237,7 +237,6 @@ function CommentItem({
           />
         </div>
 
-        {/* 显示上传的图片信息 */}
         <div className="show_upload_image" style={{ display: url ? 'block' : 'none' }}>
           <Icon type="close" className="image_close" onClick={handleClose} />
           <div className="image_info">

public/react/src/common/quillForEditor/FillBlot.js

@@ -8,13 +8,9 @@
  */
 import Quill from 'quill';
 let Inline = Quill.import('blots/inline');
-// const BlockEmbed = Quill.import('blots/embed');
 class FillBlot extends Inline {
   static create(value) {
     const node = super.cerate(value);
-    // node.classList.add('icon icon-bianji2');
-    // node.setAttribute('data-fill', 'fill');
-    console.log('编辑器值===》》》》》', value);
     node.setAttribute('data_index', value.data_index);
     node.nodeValue = value.text;
     return node;

public/react/src/common/quillForEditor/ImageBlot.js

@@ -17,7 +17,6 @@ export default class ImageBlot extends BlockEmbed {
     const node = super.create();
     node.setAttribute('alt', value.alt);
     node.setAttribute('src', value.url);
-    // console.log('~~~~~~~~~~~', node, value);
     node.addEventListener('click', function () {
       value.onclick(value.url);
     }, false);
@@ -33,20 +32,9 @@ export default class ImageBlot extends BlockEmbed {
     }
     // 宽度和高度都不存在时，
     if (!value.width && !value.height) {
-      // node.setAttribute('display', 'block');
       node.setAttribute('width', '100%');
     }
 
-    // node.setAttribute('style', { cursor: 'pointer' });
-
-    // if (node.onclick) {
-    //   console.log('image 有图片点击事件======》》》》》》');
-    //   // node.setAttribute('onclick', node.onCLick);
-    // }
-    // 给图片添加点击事件
-    // node.onclick = () => {
-    //   value.onClick && value.onClick(value.url);
-    // }
     return node;
   }
 
@@ -61,7 +49,6 @@ export default class ImageBlot extends BlockEmbed {
       height: node.height,
       display: node.getAttribute('display'),
       id: node.id,
-      // style: node.style
     };
   }
 }

public/react/src/common/quillForEditor/index.js

@@ -20,8 +20,8 @@ import { fetchUploadImage } from '../../services/ojService.js';
 import { getImageUrl } from 'educoder'
 import ImageBlot from './ImageBlot';
 import FillBlot from './FillBlot';
+import LinkBlot from './link-blot'
 var Size = Quill.import('attributors/style/size');
-// const Color = Quill.import('attributes/style/color');
 Size.whitelist = ['14px', '16px', '18px', '20px', false];
 var fonts = ['Microsoft-YaHei', 'SimSun', 'SimHei', 'KaiTi', 'FangSong'];
 var Font = Quill.import('formats/font');
@@ -30,6 +30,7 @@ window.Quill = Quill;
 window.katex = katex;
 Quill.register(ImageBlot);
 Quill.register(Size);
+Quill.register(LinkBlot);
 Quill.register(Font, true);
 // Quill.register({'modules/toolbar': Toolbar});
 Quill.register({
@@ -51,7 +52,6 @@ function QuillForEditor ({
   onContentChange,
   addFill, // 点击填空成功的回调
   deleteFill // 删除填空，返回删除的下标
-  // getQuillContent
 }) {
   // toolbar 默认值
   const defaultConfig = [
@@ -77,7 +77,6 @@ function QuillForEditor ({
 
   // 文本内容变化时
   const handleOnChange = content => {
-    // getQuillContent && getQuillContent(quill);
     onContentChange && onContentChange(content, quill);
   };
 
@@ -86,9 +85,7 @@ function QuillForEditor ({
   const bindings = {
     tab: {
       key: 9,
-      handler: function () {
-        console.log('调用了tab=====>>>>');
-      }
+      handler: function () { }
     },
     backspace: {
       key: 'Backspace',
@@ -108,7 +105,6 @@ function QuillForEditor ({
         const _start = length === 0 ? index - 1 : index;
         const _length = length || 1;
         let delCtx = this.quill.getText(_start, _length); // 删除的元素
-        // aa
         const reg = /▁/g;
         const delArrs = delCtx.match(reg);
         if (delArrs) {

public/react/src/common/quillForEditor/link-blot.js

@@ -0,0 +1,21 @@
+import Quill from "quill";
+const Inline = Quill.import('blots/inline');
+
+export default class LinkBlot extends Inline {
+  static create(value) {
+    let node = super.create()
+    let rs = value
+    if (rs.indexOf('http://') < 0) {
+      rs = 'http://' + rs
+    }
+    node.setAttribute('href', rs)
+    node.setAttribute('target', '_blank')
+    return node;
+  }
+
+  static formats(node) {
+    return node.getAttribute('href');
+  }
+}
+LinkBlot.blotName = 'link'
+LinkBlot.tagName = 'a'