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

JS 如何输出 html 代码?

  •  
  •   onji · 2017-07-24 09:20:17 +08:00 · 3104 次点击
    这是一个创建于 2680 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Markdown 想上传图片后输出这几种图片地址。
    但是 html 代码直接运行了,不能直接显示。 请问怎么解决??
    萌新求助。(度娘理解不了我的意思,解决不了。)

    10 条回复    2017-08-18 16:01:13 +08:00
    SingeeKing
        1
    SingeeKing  
       2017-07-24 09:23:47 +08:00 via iPhone
    转义
    html_encode
    newbieo0O
        2
    newbieo0O  
       2017-07-24 09:25:57 +08:00
    正则替换字符转义 ,打好基础
    chunqiuyiyu
        3
    chunqiuyiyu  
       2017-07-24 09:26:32 +08:00 via iPhone
    你用的是 innerHTML 吧?这样输出的字符串如果是合理的 html 元素,是会渲染的,换成 innerText 就好了。
    onji
        4
    onji  
    OP
       2017-07-24 10:00:35 +08:00
    ![Markdown]( https://cdn.onji.cn/img/tbimg/?i=9922720e0cf3d7ca304ce6f1f81fbe096a63a9fb.jpg)
    谢谢大家,但是我找到了更简单的方法,就是把< >转码。直接替换 成功了。已经解决。
    AJian
        5
    AJian  
       2017-07-24 10:29:52 +08:00
    用 code 或者 pre 标签包裹代码
    LittleWhiteMouse
        6
    LittleWhiteMouse  
       2017-07-24 10:34:58 +08:00
    通常做法是用 input 标签吧
    ijse
        7
    ijse  
       2017-07-24 12:24:37 +08:00
    可以用<xmp>标签, 不过好像要不支持了。
    文档中建议的是自己转义< >, 然后用<pre>标签
    ETiV
        8
    ETiV  
       2017-07-24 12:45:53 +08:00 via iPhone
    jquery
    $.text
    q409195961
        9
    q409195961  
       2017-07-24 14:41:45 +08:00
    1、放在<pre><img src='xxx'></pre>里面
    2、用<input type="text" value="<img src='xxx'>">

    都可以实现
    fengniao
        10
    fengniao  
       2017-08-18 16:01:13 +08:00
    需要使用转义字符
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2867 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 14:56 · PVG 22:56 · LAX 06:56 · JFK 09:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.