前端求解 - V2EX

This topic created in 3568 days ago, the information mentioned may be changed or developed.

#机构的组成要素为构件和运动副

构件是机构中独立的运动单元体，由一个或若干个零件组成。零件是制造的单元体。

~~
转动副,移动副,齿轮副，凸轮副
~~
如何将上面的 ajax 回调的内容转换成，下面的 html ，求解
<div class="mainTitle">机构的组成要素为构件和运动副</div>
<p>构件是机构中独立的运动单元体，由一个或若干个零件组成。零件是制造的单元体。</p>
<div class="img">转动副,移动副,齿轮副，凸轮副</div>

div

单元体

构件

零件

4 replies • 2016-08-04 09:29:45 +08:00

1016482011

Aug 4, 2016

具体的可以在 a331.info 上查看

lxrmido

Aug 4, 2016

这就是 markdown 的前端格式化显示啊……有许多现成的轮子，思路大概如：
```

function parse(str){
var inContext = false, html = '';
str.split("\n").forEach(function(line){
switch(true){
case inContext && line[0] == '~' && line[1] == '~':
html += '</div>';
inContext = false;
break;
case inContext:
html += line;
break;
case line[0] == '~' && line[1] == '~':
inContext = true;
html += '<div class="img">';
break;
case line[0] == '#':
html += '<div class="mainTitle">' + line.slice(1) + '</div>';
break;
case line.length > 0:
html += '<p>' + line + '</p>';
default:
html += line;
break;
}
});
return html;
}

```

lxrmido

Aug 4, 2016

@lxrmido

噫，原来回帖不支持 md 啊……

1016482011

Aug 4, 2016

@lxrmido 太感谢了，之前我一直在用正则做，一天都没弄出来，哈哈，这样我的仿真度又能提高一点了