zianxin/xuan-deduct
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 优化markdown转HTML，确保所有标记正确转换且不显示*号

Browse Source 
- 添加三星号(***)转换支持
- 添加下划线(__和_)转换支持
- 优化列表项转换，支持*、+、-、•等符号
- 确保所有markdown标记都被正确转换
- 保持原有样式和布局
This commit is contained in:
H1d3rOne committed 2026-03-07 17:58:57 +08:00
1 parent 7047fd7d0e
commit c303a8cbf2
1 file changed
+5
Download Patch File Download Diff File Expand all files Collapse all files
xuan-deduct-uniapp/src/utils/markdownToHtml.js
+5
View File
@@ -13,11 +13,16 @@ export function markdownToHtml(markdown) {
html = html.replace(/^## (.*$)/gim, '<h2 style="font-size:32rpx;font-weight:bold;color:#B91C1C;margin:32rpx 0 20rpx 0;padding:16rpx 24rpx;background:linear-gradient(90deg,#FFF7ED 0%,transparent 100%);border-left:6rpx solid #F59E0B;border-radius:0 12rpx 12rpx 0">$1</h2>')
html = html.replace(/^# (.*$)/gim, '<h1 style="font-size:36rpx;font-weight:bold;color:#DC2626;margin:40rpx 0 24rpx 0;padding:20rpx 28rpx;background:linear-gradient(135deg,#FEF2F2 0%,#FEE2E2 100%);border-left:8rpx solid #DC2626;border-radius:12rpx;box-shadow:0 4rpx 12rpx rgba(220,38,38,0.1)">$1</h1>')
html = html.replace(/\*\*\*(.+?)\*\*\*/g, '<strong style="font-weight:bold;color:#DC2626;background:linear-gradient(135deg,#FEF2F2 0%,transparent 100%);padding:4rpx 12rpx;border-radius:6rpx;border:1rpx solid rgba(220,38,38,0.2)"><em style="font-style:normal;color:#7C3AED">$1</em></strong>')
html = html.replace(/\*\*(.+?)\*\*/g, '<strong style="font-weight:bold;color:#DC2626;background:linear-gradient(135deg,#FEF2F2 0%,transparent 100%);padding:4rpx 12rpx;border-radius:6rpx;border:1rpx solid rgba(220,38,38,0.2)">$1</strong>')
html = html.replace(/\*(.+?)\*/g, '<em style="font-style:normal;color:#7C3AED;font-weight:600;background:linear-gradient(135deg,#F5F3FF 0%,transparent 100%);padding:2rpx 8rpx;border-radius:4rpx">$1</em>')
html = html.replace(/__(.+?)__/g, '<strong style="font-weight:bold;color:#DC2626;background:linear-gradient(135deg,#FEF2F2 0%,transparent 100%);padding:4rpx 12rpx;border-radius:6rpx;border:1rpx solid rgba(220,38,38,0.2)">$1</strong>')
html = html.replace(/_(.+?)_/g, '<em style="font-style:normal;color:#7C3AED;font-weight:600;background:linear-gradient(135deg,#F5F3FF 0%,transparent 100%);padding:2rpx 8rpx;border-radius:4rpx">$1</em>')
html = html.replace(/`(.+?)`/g, '<code style="font-family:Courier New,monospace;background:linear-gradient(135deg,#FEF3C7 0%,#FDE68A 100%);padding:6rpx 16rpx;border-radius:8rpx;color:#92400E;font-size:24rpx;border:2rpx solid #F59E0B;font-weight:600;box-shadow:0 2rpx 8rpx rgba(245,158,11,0.2)">$1</code>')
html = html.replace(/^\s*[-•]\s(.+)$/gim, '<li style="margin:16rpx 0;padding:16rpx 20rpx 16rpx 32rpx;background:linear-gradient(90deg,#F0FDF4 0%,transparent 100%);border-left:4rpx solid #10B981;color:#374151;line-height:2;border-radius:0 12rpx 12rpx 0;box-shadow:0 2rpx 8rpx rgba(16,185,129,0.1)">$1</li>')
html = html.replace(/^\s*\*\s(.+)$/gim, '<li style="margin:16rpx 0;padding:16rpx 20rpx 16rpx 32rpx;background:linear-gradient(90deg,#F0FDF4 0%,transparent 100%);border-left:4rpx solid #10B981;color:#374151;line-height:2;border-radius:0 12rpx 12rpx 0;box-shadow:0 2rpx 8rpx rgba(16,185,129,0.1)">$1</li>')
html = html.replace(/^\s*\+\s(.+)$/gim, '<li style="margin:16rpx 0;padding:16rpx 20rpx 16rpx 32rpx;background:linear-gradient(90deg,#F0FDF4 0%,transparent 100%);border-left:4rpx solid #10B981;color:#374151;line-height:2;border-radius:0 12rpx 12rpx 0;box-shadow:0 2rpx 8rpx rgba(16,185,129,0.1)">$1</li>')
html = html.replace(/(<li[^>]*>.*<\/li>\n?)+/g, function(match) {
return '<ul style="margin:24rpx 0;padding-left:0;list-style:none;background:rgba(240,253,244,0.3);padding:16rpx;border-radius:16rpx;border:1rpx solid rgba(16,185,129,0.2)">' + match + '</ul>'