课程页面优化+markdown

app/course/index.php

@@ -190,6 +190,7 @@ include "../pcdl/html_head.php";
 			}
 		}
 	</style>
+<script src="../public/js/marked.js"></script>
 
 
 	<div class="index_inner">
@@ -216,9 +217,13 @@ include "../pcdl/html_head.php";
 			$.get("../course/teacher_list.php", function(data, status) {
 				let xDiv = document.getElementById("course_list_new");
 				if (xDiv) {
+
 					xDiv.innerHTML = data;
 				}
 			});
+			/*$(".teacher_intro").each(function(){
+				$(this).innerHTML=marked($(this).innerHTML);
+			});*/
 		</script>
 		<div class="course_block">
 			<h3>

app/uhome/course.php

@@ -17,10 +17,11 @@ include "../pcdl/html_head.php";
     require_once "../uhome/head.php";
 ?>
 
-<div class='index_inner'>
-<div id="course_list">
+<div class='index_inner' >
+<div id="course_list" style='display:flex;'>
 </div>
 </div>
+<script src="../public/js/marked.js"></script>
 <script>
 	$.get("../course/course_list.php",
     {
@@ -28,14 +29,17 @@ include "../pcdl/html_head.php";
     },
     function(data,status){
         let arrData = JSON.parse(data);
-        let html='<iframe style="width: 100%;height: 67em;" src="../fullcalendar/examples/time-zones.php"></iframe>';
+        let html='<iframe style="width: 100%;height: 67em;flex:5" src="../fullcalendar/examples/time-zones.php"></iframe>';
+        html += '<div style="flex: 4">';
+
         for (const iterator of arrData) {
+
             html += '<div class="card" style="display:flex;margin:1em;padding:10px;">';
 
             html += '<div style="flex:7;">';
             html +=  '<div class="title" style="padding-bottom:5px;font-size:110%;font-weight:600;"><a href="../course/course.php?id='+iterator.id+'">'+iterator.title+'</a></div>';
             html += '<div class="summary"  style="padding-bottom:5px;">'+iterator.subtitle+'</div>';
-            html += '<div class="summary"  style="padding-bottom:5px;">'+iterator.summary+'</div>';
+            html += '<div class="summary"  style="padding-bottom:5px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;">'+marked(iterator.summary)+'</div>';
 
             html += '</div>';
 
@@ -44,8 +48,10 @@ include "../pcdl/html_head.php";
             html += '</div>';
 
             html += '</div>';
-            $("#course_list").html(html);
         }
+		html += '</div>';
+		$("#course_list").html(html);
+
 	});
 </script>
 <?php