'+(n?e:Et(e,!0))+""+(n?e:Et(e,!0))+"\n${e}\n`}html(e){return e}heading(e,t,n,l){if(this.options.headerIds){const o=this.options.headerPrefix+l.slug(n);return`
\n":"
\n"}list(e,t,n){const l=t?"ol":"ul",o=t&&1!==n?' start="'+n+'"':"";return"<"+l+o+">\n"+e+"\n"}listitem(e){return`
${e}
\n`}table(e,t){return t&&(t=`${t}`),"${e}`}br(){return this.options.xhtml?"":"
"}del(e){return`
An error occurred:
"+Et(e.message+"",!0)+"";throw e}try{const n=Jt.lex(e,t);if(t.walkTokens){if(t.async)return Promise.all(on.walkTokens(n,t.walkTokens)).then((()=>ln.parse(n,t))).catch(l);on.walkTokens(n,t.walkTokens)}return ln.parse(n,t)}catch(o){l(o)}}on.options=on.setOptions=function(e){return Bt(on.defaults,e),kt(on.defaults),on},on.getDefaults=vt,on.defaults=bt,on.use=function(...e){const t=on.defaults.extensions||{renderers:{},childTokens:{}};e.forEach((e=>{const n=Bt({},e);if(n.async=on.defaults.async||n.async,e.extensions&&(e.extensions.forEach((e=>{if(!e.name)throw new Error("extension name required");if(e.renderer){const n=t.renderers[e.name];t.renderers[e.name]=n?function(...t){let l=e.renderer.apply(this,t);return!1===l&&(l=n.apply(this,t)),l}:e.renderer}if(e.tokenizer){if(!e.level||"block"!==e.level&&"inline"!==e.level)throw new Error("extension level must be 'block' or 'inline'");t[e.level]?t[e.level].unshift(e.tokenizer):t[e.level]=[e.tokenizer],e.start&&("block"===e.level?t.startBlock?t.startBlock.push(e.start):t.startBlock=[e.start]:"inline"===e.level&&(t.startInline?t.startInline.push(e.start):t.startInline=[e.start]))}e.childTokens&&(t.childTokens[e.name]=e.childTokens)})),n.extensions=t),e.renderer){const t=on.defaults.renderer||new en;for(const n in e.renderer){const l=t[n];t[n]=(...o)=>{let i=e.renderer[n].apply(t,o);return!1===i&&(i=l.apply(t,o)),i}}n.renderer=t}if(e.tokenizer){const t=on.defaults.tokenizer||new Qt;for(const n in e.tokenizer){const l=t[n];t[n]=(...o)=>{let i=e.tokenizer[n].apply(t,o);return!1===i&&(i=l.apply(t,o)),i}}n.tokenizer=t}if(e.walkTokens){const t=on.defaults.walkTokens;n.walkTokens=function(n){let l=[];return l.push(e.walkTokens.call(this,n)),t&&(l=l.concat(t.call(this,n))),l}}on.setOptions(n)}))},on.walkTokens=function(e,t){let n=[];for(const l of e)switch(n=n.concat(t.call(on,l)),l.type){case"table":for(const e of l.header)n=n.concat(on.walkTokens(e.tokens,t));for(const e of l.rows)for(const l of e)n=n.concat(on.walkTokens(l.tokens,t));break;case"list":n=n.concat(on.walkTokens(l.items,t));break;default:on.defaults.extensions&&on.defaults.extensions.childTokens&&on.defaults.extensions.childTokens[l.type]?on.defaults.extensions.childTokens[l.type].forEach((function(e){n=n.concat(on.walkTokens(l[e],t))})):l.tokens&&(n=n.concat(on.walkTokens(l.tokens,t)))}return n},on.parseInline=function(e,t){if("undefined"===typeof e||null===e)throw new Error("marked.parseInline(): input parameter is undefined or null");if("string"!==typeof e)throw new Error("marked.parseInline(): input parameter is of type "+Object.prototype.toString.call(e)+", string expected");t=Bt({},on.defaults,t||{}),Vt(t);try{const n=Jt.lexInline(e,t);return t.walkTokens&&on.walkTokens(n,t.walkTokens),ln.parseInline(n,t)}catch(n){if(n.message+="\nPlease report this to https://github.com/markedjs/marked.",t.silent)return"
An error occurred:
"+Et(n.message+"",!0)+"";throw n}},on.Parser=ln,on.parser=ln.parse,on.Renderer=en,on.TextRenderer=tn,on.Lexer=Jt,on.lexer=Jt.lex,on.Tokenizer=Qt,on.Slugger=nn,on.parse=on,ln.parse,Jt.lex;var rn=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,n=[],l=0;l
${t}
`}return`${n.text}
`}}},inline(e,t){return{name:"KaTexInlineExtension",level:"inline",start:e=>{var t;return null==(t=e.match(/\$[^\n]*/))?void 0:t.index},tokenizer(e){if(/^\$[^\n]*\$/.test(e)){const t=Ae(e);return{type:"KaTexInlineExtension",raw:t[0],text:t[1].trim(),tokens:[]}}},renderer(n){const l=t||"undefined"!==typeof window&&window.katex;if(l){const t=l.renderToString(n.text,{throwOnError:!1});return`${t}`}return`${n.text}`}}}};const Ln=["abstract","attention","bug","caution","danger","error","example","failure","hint","info","note","question","quote","success","tip","warning"],zn=new RegExp(`^!!!\\s*(${Ln.join("|")})\\s*(.*)$`),An=/^!!!\s*$/,In={name:"alert",level:"block",start(e){var t;const n=null==(t=e.match(new RegExp(`(^|[\\r\\n])!!!\\s*(${Ln.join("|")})\\s*(.*)`)))?void 0:t.index;return n},tokenizer(e){const t=e.split(/\n/);if(zn.test(t[0])){const e={x:-1,y:-1},n=[];for(let l=0,o=t.length;l\n
`;return t}},_n="undefined"===typeof window,jn=(e,t,n)=>{var o,i;const r=(0,l.WQ)("previewOnly"),s=(0,l.WQ)("historyLength"),a=(0,l.WQ)("editorId");if(r)return;let c=-1;const u={list:[{content:e.value,startPos:(null==(o=t.value)?void 0:o.selectionStart)||0,endPos:(null==(i=t.value)?void 0:i.selectionEnd)||0}],userUpdated:!0,curr:0},d=[0,0];let p=d;const h=n=>{var l,o;const i=(null==(l=t.value)?void 0:l.selectionStart)||0,r=(null==(o=t.value)?void 0:o.selectionEnd)||0;u.list[u.curr].startPos=i,u.list[u.curr].endPos=r,u.userUpdated=!1,u.curr=n;const s=u.list[u.curr];p=[s.startPos,s.endPos],e.onChange(s.content),$e(t.value,s.startPos,s.endPos).then((()=>{xe.emit(a,"selectTextChange")}))},m=e=>{var n,l;clearTimeout(c);const o=(null==(n=t.value)?void 0:n.selectionStart)||0,i=(null==(l=t.value)?void 0:l.selectionEnd)||0;c=setTimeout((()=>{if(u.userUpdated){u.curr${this.parser.parseInline(e.titleTokens,null)}
\n ${this.parser.parse(e.tokens)}\n${t}
`;{const n=g||window.mermaid;if(!n)return`${t}
`;y.push(n.mermaidAPI.render(e,t))}const n=` + + diff --git a/src/components/MarkdownArticle.vue b/src/components/MarkdownArticle.vue index 0dfc2e2..05482cc 100644 --- a/src/components/MarkdownArticle.vue +++ b/src/components/MarkdownArticle.vue @@ -46,6 +46,7 @@ import MarkdownIt from 'markdown-it'; import 'katex/dist/katex.min.css'; import mk from 'markdown-it-katex'; import Attachment from '@/components/Attachment.vue'; +import CourseCard from '@/components/CourseCard.vue'; import { h, render } from 'vue'; import hljs from 'highlight.js'; import 'highlight.js/styles/atom-one-dark.css'; // 使用 atom-one-dark 主题，你也可以选择其他主题 @@ -53,7 +54,8 @@ import 'highlight.js/styles/atom-one-dark.css'; // 使用 atom-one-dark 主题 export default { name: 'MarkdownArticle', components: { - Attachment + Attachment, + CourseCard }, props: { content: { @@ -85,8 +87,9 @@ export default { this.extractHeadings(); this.setupIntersectionObserver(); this.processAttachments(); - this.processComponentTags(); // 添加新方法调用 - this.ensureHtmlTagsRendered(); // 确保HTML标签正确渲染 + this.processCourseCards(); + this.processComponentTags(); + this.ensureHtmlTagsRendered(); this.setupCodeCopy(); }); @@ -149,7 +152,7 @@ export default { // 使用自定义渲染器处理Attachment组件标签 const defaultRender = md.renderer.rules.text || function(tokens, idx, options, env, self) { - return self.renderToken(tokens, idx, options); + return self.renderToken(tokens, idx, options, env, self); }; md.renderer.rules.text = (tokens, idx, options, env, self) => { @@ -177,6 +180,24 @@ export default { } } } + + if (token.content.includes('
+
+
2025.04.13
+
+
+ 内容页集成课程评分卡片
+内容页新增课程评分卡片，与课程评分系统无缝集成，助力全方位阅读体验。同时支持在投稿编辑器中插入课程卡片，轻松引用课程评分系统中的课程数据。
+2025.04.11
diff --git a/src/views/Submit.vue b/src/views/Submit.vue
index 1536693..c68da67 100644
--- a/src/views/Submit.vue
+++ b/src/views/Submit.vue
@@ -3,6 +3,120 @@
+
+
+
+
+
+
+ 选择课程
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索中...
+
+
+ {{ searchError }}
+
+
+ 未找到相关课程
+
+ | 选择 | +课程名称 | +课程类别 | +授课教师 | +评分 | +
|---|---|---|---|---|
| + + | +{{ course.course_name }} | +{{ getCategoryName(course.category_id) }} | +{{ course.teachers }} | ++ + + | +
+
+
+
+
+
+
+ {{ isEditMode ? '编辑投稿内容' : '内容投稿' }}
@@ -40,7 +154,7 @@ id="note" v-model="formData.note" class="form-control" - placeholder="可添加备注信息，例如版权说明等" + placeholder="可添加备注信息" />使用Markdown语法编辑您的投稿内容。插入图片后，如需修改图片大小，请在编辑器中找到插入的图片标签，修改其width属性。
如上传了附件且需在文中指定位置展示，可以用[附件名]来表示附件位置。如不指定，则审核人员将按照文章内容在适当位置展示。
草稿功能和文章页预览只针对此部分内容，上传的附件等将不会保存并不支持文章页预览。
+您可以轻松地插入课程卡片，引用课程评分系统中的课程数据。注意：课程卡片前必须有其他内容，请勿在内容第一行插入课程卡片，否则将无法正常显示！
检测到您当前正在编辑已有的投稿内容，请注意您之前如有其他投稿的草稿内容，这些内容在此页面保存草稿或提交编辑后将不会保留。
@@ -136,7 +251,16 @@
preview-theme="github"
:placeholder="editorPlaceholder"
@onUploadImg="handleImageUpload"
- />
+ >
+
+
+
+
@@ -207,12 +331,37 @@ export default {
editorToolbars: [
'bold', 'italic', 'strikethrough', 'title', 'sub', 'sup', 'quote', 'unordered-list',
'ordered-list', 'link', 'image', 'table', 'code-block', 'inline-code', 'preview',
- 'fullscreen'
+ 'fullscreen', '-', 'revoke', 'next', '-', 0
],
isEditMode: false,
editArticleId: null,
isLoading: false,
- loadingText: '获取投稿内容中...'
+ loadingText: '获取投稿内容中...',
+ // 课程选择器相关状态
+ showCourseSelector: false,
+ courseSearch: '',
+ searchLoading: false,
+ searchError: null,
+ courseResults: [],
+ selectedCourse: null,
+ currentPage: 1,
+ totalPages: 1,
+ // 类别映射
+ categoryMap: {
+ 1: '通识选修类',
+ 2: '人文选修类',
+ 3: '专业方向类',
+ 4: '体育类',
+ 5: '学科基础类',
+ 6: '暑期国际课',
+ 7: '数学与自然科学类',
+ 8: '重修专栏',
+ 9: '数学与自然科学类（必修）',
+ 10: '人文社会科学类（必修）',
+ 11: '学科基础类（必修）',
+ 12: '专业方向类（必修）',
+ 13: '实践类（必修）'
+ }
};
},
created() {
@@ -858,6 +1007,123 @@ export default {
}
messageBox.alert(`投稿失败：${error.message || '未知错误'}`, '错误');
}
+ },
+ chooseCourse() {
+ this.showCourseSelector = true;
+ this.courseSearch = '';
+ this.courseResults = [];
+ this.selectedCourse = null;
+ this.currentPage = 1;
+ this.totalPages = 1;
+ this.searchError = null;
+ },
+
+ closeCourseSelector() {
+ this.showCourseSelector = false;
+ },
+
+ async searchCourses(page = 1) {
+ // 如果参数是事件对象，设为默认页码1
+ if (page && typeof page === 'object' && page.type) {
+ page = 1;
+ }
+
+ if (!this.courseSearch.trim()) {
+ messageBox.alert('请输入课程名称', '提示');
+ return;
+ }
+
+ this.searchLoading = true;
+ this.searchError = null;
+ this.selectedCourse = null;
+ this.currentPage = page;
+
+ try {
+ // 构建API URL
+ const encodedSearch = encodeURIComponent(this.courseSearch.trim());
+ const url = `https://coursesystem.xn--xhq44jb2fzpc.com/list/courses?search=${encodedSearch}&page=${page}`;
+
+ // 发送请求
+ const response = await fetch(url);
+
+ if (!response.ok) {
+ throw new Error('搜索课程失败');
+ }
+
+ const data = await response.json();
+
+ // 更新数据
+ this.courseResults = data.courses || [];
+ this.currentPage = data.currentPage || 1;
+ this.totalPages = data.totalPages || 1;
+
+ } catch (error) {
+ console.error('课程搜索出错:', error);
+ this.searchError = '搜索课程时发生错误，请稍后重试';
+ } finally {
+ this.searchLoading = false;
+ }
+ },
+
+ getCategoryName(categoryId) {
+ return this.categoryMap[categoryId] || '未知类别';
+ },
+
+ selectCourse(course) {
+ this.selectedCourse = course;
+ },
+
+ changePage(page) {
+ if (page < 1 || page > this.totalPages) return;
+ this.searchCourses(page);
+ },
+
+ confirmCourseSelection() {
+ if (!this.selectedCourse) {
+ messageBox.alert('请先选择一个课程', '提示');
+ return;
+ }
+
+ // 获取编辑器实例
+ const editor = this.$refs.markdownEditor;
+
+ // 构建要插入的内容
+ const courseCardCode = `