From e5927913f8098efb4fb857d833a50600a92e94f3 Mon Sep 17 00:00:00 2001 From: caishi <1149225589@qq.com> Date: Sat, 9 May 2020 13:59:24 +0800 Subject: [PATCH] =?UTF-8?q?antd=20=E5=BD=B1=E5=93=8D=E7=9A=84=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/components/render-html.jsx | 57 +++++++++++-------- src/forge/css/index.css | 3 + .../tpm/challengesnew/tpm-md-editor.js | 4 +- 4 files changed, 38 insertions(+), 28 deletions(-) diff --git a/package.json b/package.json index d33e9087..071c266b 100644 --- a/package.json +++ b/package.json @@ -194,4 +194,4 @@ "webpack": "^4.42.1", "webpack-bundle-analyzer": "^3.7.0" } -} +} \ No newline at end of file diff --git a/src/components/render-html.jsx b/src/components/render-html.jsx index 6097fb25..34c123a9 100644 --- a/src/components/render-html.jsx +++ b/src/components/render-html.jsx @@ -1,30 +1,30 @@ -import React, { useEffect, useRef } from 'react' -import 'katex/dist/katex.min.css'; +import React, { useEffect, useRef } from "react"; +import "katex/dist/katex.min.css"; -import marked, { getTocContent, cleanToc } from '../common/marked' +import marked, { getTocContent, cleanToc } from "../common/marked"; -let preRegex = /
]*>/g
+let preRegex = /]*>/g;
-export default ({ value = '', is_md = true, className, style = {} }) => {
- let str = String(value)
- let html = is_md ? marked(str) : value
+export default ({ value = "", is_md = true, className, style = {} }) => {
+ let str = String(value);
+ let html = is_md ? marked(str) : value;
if (str.match(/\[TOC\]/)) {
- html = html.replace("[TOC]
", getTocContent())
- cleanToc()
+ html = html.replace("[TOC]
", getTocContent());
+ cleanToc();
}
- html = html.replace(/▁/g, "▁▁▁")
- const el = useRef()
+ html = html.replace(/▁/g, "▁▁▁");
+ const el = useRef();
function onAncherHandler(e) {
- let target = e.target
- if (target.tagName.toUpperCase() === 'A') {
- let ancher = target.getAttribute('href')
- if (ancher.startsWith('#')) {
- e.preventDefault()
- let viewEl = document.getElementById(ancher.replace('#', ''))
+ let target = e.target;
+ if (target.tagName.toUpperCase() === "A") {
+ let ancher = target.getAttribute("href");
+ if (ancher.startsWith("#")) {
+ e.preventDefault();
+ let viewEl = document.getElementById(ancher.replace("#", ""));
if (viewEl) {
- viewEl.parentNode.scrollTop = viewEl.offsetTop
+ viewEl.parentNode.scrollTop = viewEl.offsetTop;
}
}
}
@@ -33,16 +33,23 @@ export default ({ value = '', is_md = true, className, style = {} }) => {
useEffect(() => {
if (el.current && html) {
if (html.match(preRegex)) {
- window.PR.prettyPrint()
+ window.PR.prettyPrint();
}
}
if (el.current) {
- el.current.addEventListener('click', onAncherHandler)
+ el.current.addEventListener("click", onAncherHandler);
return () => {
- el.current.removeEventListener('click', onAncherHandler)
- }
+ el.current.removeEventListener("click", onAncherHandler);
+ };
}
- }, [html, el.current, onAncherHandler])
+ }, [html, el.current, onAncherHandler]);
- return ()
-}
\ No newline at end of file
+ return (
+
+ );
+};
diff --git a/src/forge/css/index.css b/src/forge/css/index.css
index f56357c4..ec8f7412 100644
--- a/src/forge/css/index.css
+++ b/src/forge/css/index.css
@@ -1,3 +1,6 @@
+ul,ol,dl{
+ margin-bottom: 0px!important;
+}
.newMain{
background-color: #fff;
}
diff --git a/src/modules/tpm/challengesnew/tpm-md-editor.js b/src/modules/tpm/challengesnew/tpm-md-editor.js
index 0fa0e1fd..34507ff4 100644
--- a/src/modules/tpm/challengesnew/tpm-md-editor.js
+++ b/src/modules/tpm/challengesnew/tpm-md-editor.js
@@ -252,8 +252,8 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
}
}
}, [
- editorInstance, resizeBarEl
- ])
+ editorInstance, resizeBarEl
+ ])
return (