|
|
|
|
@ -6,6 +6,8 @@ import {BrowserRouter as Router, Route, Link, Switch} from "react-router-dom";
|
|
|
|
|
|
|
|
|
|
// import "antd/dist/antd.css";
|
|
|
|
|
|
|
|
|
|
import TPMMDEditor from '../../tpm/challengesnew/TPMMDEditor';
|
|
|
|
|
|
|
|
|
|
import axios from 'axios';
|
|
|
|
|
|
|
|
|
|
import './css/TPMchallengesnew.css';
|
|
|
|
|
@ -28,129 +30,10 @@ const Option = Select.Option;
|
|
|
|
|
|
|
|
|
|
const RadioGroup = Radio.Group;
|
|
|
|
|
|
|
|
|
|
// 恢复数据
|
|
|
|
|
function md_rec_data(k,mdu,id, editor){
|
|
|
|
|
if(window.sessionStorage.getItem(k+mdu) !== null){
|
|
|
|
|
editor.setValue(window.sessionStorage.getItem(k+mdu));
|
|
|
|
|
md_clear_data(k,mdu,id);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 保存数据
|
|
|
|
|
function md_add_data(k,mdu,d){
|
|
|
|
|
window.sessionStorage.setItem(k+mdu,d);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// 清空保存的数据
|
|
|
|
|
function md_clear_data(k,mdu,id){
|
|
|
|
|
window.sessionStorage.removeItem(k+mdu);
|
|
|
|
|
var id1 = "#e_tip_"+id;
|
|
|
|
|
var id2 = "#e_tips_"+id;
|
|
|
|
|
if(k == 'content'){
|
|
|
|
|
$(id2).html("");
|
|
|
|
|
}else{
|
|
|
|
|
$(id1).html("");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function md_elocalStorage(editor,mdu,id){
|
|
|
|
|
if (window.sessionStorage){
|
|
|
|
|
var oc = window.sessionStorage.getItem('content'+mdu);
|
|
|
|
|
if(oc !== null ){
|
|
|
|
|
|
|
|
|
|
$("#e_tips_"+id).data('editor', editor);
|
|
|
|
|
var h = '您上次有已保存的数据，是否<a style="cursor: pointer;" class="link-color-blue" onclick="md_rec_data(\'content\',\''+ mdu + '\',\'' + id + '\')">恢复</a> ? / <a style="cursor: pointer;" class="link-color-blue" onclick="md_clear_data(\'content\',\''+ mdu + '\',\'' + id + '\')">不恢复</a>';
|
|
|
|
|
$("#e_tips_"+id).html(h);
|
|
|
|
|
}
|
|
|
|
|
setInterval(function() {
|
|
|
|
|
var d = new Date();
|
|
|
|
|
var h = d.getHours();
|
|
|
|
|
var m = d.getMinutes();
|
|
|
|
|
var s = d.getSeconds();
|
|
|
|
|
h = h < 10 ? '0' + h : h;
|
|
|
|
|
m = m < 10 ? '0' + m : m;
|
|
|
|
|
s = s < 10 ? '0' + s : s;
|
|
|
|
|
if(editor.getValue().trim() != ""){
|
|
|
|
|
md_add_data("content",mdu,editor.getValue());
|
|
|
|
|
var id1 = "#e_tip_"+id;
|
|
|
|
|
var id2 = "#e_tips_"+id;
|
|
|
|
|
|
|
|
|
|
$(id1).html(" 数据已于 " + h + ':' + m + ':' + s +" 保存 ");
|
|
|
|
|
$(id2).html("");
|
|
|
|
|
}
|
|
|
|
|
},10000);
|
|
|
|
|
|
|
|
|
|
}else{
|
|
|
|
|
$("#e_tip_"+id).after('您的浏览器不支持localStorage.无法开启自动保存草稿服务,请升级浏览器！');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function create_editorMD(id, width, high, placeholder, imageUrl, callback) {
|
|
|
|
|
var editorName = window.editormd(id, {
|
|
|
|
|
width: width,
|
|
|
|
|
height: high,
|
|
|
|
|
path: path, // "/editormd/lib/"
|
|
|
|
|
|
|
|
|
|
syncScrolling: "single",
|
|
|
|
|
tex: true,
|
|
|
|
|
tocm: true,
|
|
|
|
|
emoji: true,
|
|
|
|
|
taskList: true,
|
|
|
|
|
codeFold: true,
|
|
|
|
|
searchReplace: true,
|
|
|
|
|
htmlDecode: "style,script,iframe",
|
|
|
|
|
sequenceDiagram: true,
|
|
|
|
|
autoFocus: false,
|
|
|
|
|
toolbarIcons: function () {
|
|
|
|
|
// Or return editormd.toolbarModes[name]; // full, simple, mini
|
|
|
|
|
// Using "||" set icons align right.
|
|
|
|
|
return ["bold", "italic", "|", "list-ul", "list-ol", "|", "code", "code-block", "|", "testIcon", "testIcon1", '|', "image", "table", '|', "watch", "clear"]
|
|
|
|
|
},
|
|
|
|
|
toolbarCustomIcons: {
|
|
|
|
|
testIcon: "<a type=\"inline\" class=\"latex\" ><div class='zbg'></div></a>",
|
|
|
|
|
testIcon1: "<a type=\"latex\" class=\"latex\" ><div class='zbg_latex'></div></a>"
|
|
|
|
|
},
|
|
|
|
|
//这个配置在simple.html中并没有，但是为了能够提交表单，使用这个配置可以让构造出来的HTML代码直接在第二个隐藏的textarea域中，方便post提交表单。
|
|
|
|
|
saveHTMLToTextarea: true,
|
|
|
|
|
// 用于增加自定义工具栏的功能，可以直接插入HTML标签，不使用默认的元素创建图标
|
|
|
|
|
dialogMaskOpacity: 0.6,
|
|
|
|
|
placeholder: placeholder,
|
|
|
|
|
imageUpload: true,
|
|
|
|
|
imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp", "JPG", "JPEG", "GIF", "PNG", "BMP", "WEBP"],
|
|
|
|
|
imageUploadURL: imageUrl,//url
|
|
|
|
|
onload: function () {
|
|
|
|
|
// this.previewing();
|
|
|
|
|
$("#" + id + " [type=\"latex\"]").bind("click", function () {
|
|
|
|
|
editorName.cm.replaceSelection("```latex");
|
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
|
editorName.cm.replaceSelection("\n");
|
|
|
|
|
editorName.cm.replaceSelection("```");
|
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
|
editorName.cm.setCursor(__Cursor.line - 1, 0);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$("#" + id + " [type=\"inline\"]").bind("click", function () {
|
|
|
|
|
editorName.cm.replaceSelection("$$$$");
|
|
|
|
|
var __Cursor = editorName.cm.getDoc().getCursor();
|
|
|
|
|
editorName.cm.setCursor(__Cursor.line, __Cursor.ch - 2);
|
|
|
|
|
editorName.cm.focus();
|
|
|
|
|
});
|
|
|
|
|
$("[type=\"inline\"]").attr("title", "行内公式");
|
|
|
|
|
$("[type=\"latex\"]").attr("title", "多行公式");
|
|
|
|
|
|
|
|
|
|
md_elocalStorage(editorName, `exercise__${id}`, "Memochallengesnew");
|
|
|
|
|
|
|
|
|
|
callback && callback()
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return editorName;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default class TPMchallengesnew extends Component {
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props)
|
|
|
|
|
this.exercisememoMDRef=React.createRef();
|
|
|
|
|
this.state = {
|
|
|
|
|
choice_url: undefined,
|
|
|
|
|
practice_url: undefined,
|
|
|
|
|
@ -180,52 +63,6 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
exerciseMD(initValue, id) {
|
|
|
|
|
|
|
|
|
|
this.contentChanged = false;
|
|
|
|
|
const placeholder = "";
|
|
|
|
|
// amp;
|
|
|
|
|
// 编辑时要传memoId
|
|
|
|
|
const imageUrl = `/api/attachments.json`;
|
|
|
|
|
// 创建editorMd
|
|
|
|
|
|
|
|
|
|
const exercise_editormd = create_editorMD(id, '100%', 400, placeholder, imageUrl, () => {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
exercise_editormd.resize()
|
|
|
|
|
exercise_editormd.cm && exercise_editormd.cm.refresh()
|
|
|
|
|
}, 500)
|
|
|
|
|
|
|
|
|
|
if (initValue != undefined) {
|
|
|
|
|
exercise_editormd.setValue(initValue)
|
|
|
|
|
}
|
|
|
|
|
exercise_editormd.cm.on("change", (_cm, changeObj) => {
|
|
|
|
|
console.log('....contentChanged')
|
|
|
|
|
this.contentChanged = true;
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
this.exercise_editormd = exercise_editormd;
|
|
|
|
|
window.exercise_editormd = exercise_editormd;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
formatSearch = (url) => {
|
|
|
|
|
if (typeof url !== "undefined") {
|
|
|
|
|
url = url.substr(1); //从起始索引号提取字符串中指定数目的字符
|
|
|
|
|
var arr = url.split("&"), //把字符串分割为字符串数组
|
|
|
|
|
obj = {},
|
|
|
|
|
newarr = [];
|
|
|
|
|
arr.forEach(function (v, i) { //数组遍历
|
|
|
|
|
// console.log(v);
|
|
|
|
|
// console.log(i);
|
|
|
|
|
newarr = v.split("=");
|
|
|
|
|
if (typeof obj[newarr[0]] === "undefined") {
|
|
|
|
|
obj[newarr[0]] = newarr[1];
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
return obj;
|
|
|
|
|
}
|
|
|
|
|
;
|
|
|
|
|
}
|
|
|
|
|
componentDidMount() {
|
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
|
let checkpointId=this.props.match.params.checkpointId;
|
|
|
|
|
@ -244,9 +81,11 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
position: response.data.position,
|
|
|
|
|
task_pass_default: response.data.task_pass_default,
|
|
|
|
|
submit_url: response.data.submit_url,
|
|
|
|
|
checkpointId:checkpointId
|
|
|
|
|
checkpointId:checkpointId,
|
|
|
|
|
exercisememoMDRefval:response.data.task_pass_default
|
|
|
|
|
})
|
|
|
|
|
this.exerciseMD(response.data.task_pass_default, "exercisememoMD");
|
|
|
|
|
|
|
|
|
|
this.exercisememoMDRef.current.setValue(response.data.task_pass_default||'')
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
});
|
|
|
|
|
@ -296,11 +135,13 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
exec_time:response.data.exec_time,
|
|
|
|
|
tab2url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=2",
|
|
|
|
|
tab3url: "/shixuns/" + id + "/challenges/"+checkpointId+"/tab=3",
|
|
|
|
|
exercisememoMDRefval:response.data.task_pass
|
|
|
|
|
})
|
|
|
|
|
if(response.data.power===false){
|
|
|
|
|
this.props.showSnackbar("你没有权限修改");
|
|
|
|
|
}
|
|
|
|
|
this.exerciseMD(response.data.task_pass, "exercisememoMD");
|
|
|
|
|
|
|
|
|
|
this.exercisememoMDRef.current.setValue(response.data.task_pass||'')
|
|
|
|
|
}).catch((error) => {
|
|
|
|
|
console.log(error)
|
|
|
|
|
});
|
|
|
|
|
@ -372,8 +213,7 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
return
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const exercise_editormdvalue = this.exercise_editormd.getValue();
|
|
|
|
|
|
|
|
|
|
const exercise_editormdvalue = this.exercisememoMDRef.current.getValue().trim();
|
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
|
|
|
|
|
|
let url = "/shixuns/" + id + "/challenges.json";
|
|
|
|
|
@ -457,7 +297,7 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
|
|
|
|
|
let {shixunCreatePractice, shixunCreatePracticeGroup, onshixunsmarkvalue, shixunsskillvaluelist,checkpointId,exec_time} = this.state;
|
|
|
|
|
|
|
|
|
|
const exercise_editormdvalue = this.exercise_editormd.getValue();
|
|
|
|
|
const exercise_editormdvalue = this.exercisememoMDRef.current.getValue().trim();
|
|
|
|
|
|
|
|
|
|
let id = this.props.match.params.shixunId;
|
|
|
|
|
|
|
|
|
|
@ -631,11 +471,9 @@ export default class TPMchallengesnew extends Component {
|
|
|
|
|
|
|
|
|
|
<p className="color-grey-6 font-16 mb30">过关任务</p>
|
|
|
|
|
|
|
|
|
|
<div className="padding10-20 edu-back-greyf5 radius4" id="exercisememoMD">
|
|
|
|
|
<textarea style={{display: 'none'}} onInput={this.Executiveorder} id="exercisememoMD_show" name="content"> </textarea>
|
|
|
|
|
<div className="CodeMirror cm-s-defualt">
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<TPMMDEditor ref={this.exercisememoMDRef} placeholder="请输入选择题的题干内容" mdID={'exercisememoMD'} refreshTimeout={1500}
|
|
|
|
|
watch={true} className="courseMessageMD" initValue={this.state.exercisememoMDRefval}></TPMMDEditor>
|
|
|
|
|
|
|
|
|
|
<p id="e_tip_Memochallengesnew" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
|
<p id="e_tips_Memochallengesnew" className="edu-txt-right color-grey-cd font-12"></p>
|
|
|
|
|
</div>
|
|
|
|
|
|
