V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
1016482011
V2EX  ›  问与答

前端求解

  •  1
     
  •   1016482011 · 2016-08-04 08:29:46 +08:00 · 1189 次点击
    这是一个创建于 3015 天前的主题,其中的信息可能已经有所发展或是发生改变。
    #机构的组成要素为构件和运动副

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

    ~~
    转动副,移动副,齿轮副,凸轮副
    ~~
    如何将上面的 ajax 回调的内容转换成,下面的 html ,求解
    <div class="mainTitle">机构的组成要素为构件和运动副</div>
    <p>构件是机构中独立的运动单元体,由一个或若干个零件组成。零件是制造的单元体。</p>
    <div class="img">转动副,移动副,齿轮副,凸轮副</div>
    4 条回复    2016-08-04 09:29:45 +08:00
    1016482011
        1
    1016482011  
    OP
       2016-08-04 08:39:57 +08:00
    具体的可以在 a331.info 上查看
    lxrmido
        2
    lxrmido  
       2016-08-04 09:12:07 +08:00
    这就是 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
        3
    lxrmido  
       2016-08-04 09:14:02 +08:00   ❤️ 2
    @lxrmido

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

    1016482011
        4
    1016482011  
    OP
       2016-08-04 09:29:45 +08:00
    @lxrmido 太感谢了,之前我一直在用正则做,一天都没弄出来,哈哈,这样我的仿真度又能提高一点了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1237 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 23:22 · PVG 07:22 · LAX 15:22 · JFK 18:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.