如何获取innerHTML中的原始html字符串？

问题：当我尝试使用关于jsx代码的highlight.js时，消失了html标记。如何获取innerHTML中的原始html字符串？

原始出处：

<pre> 
    <code class="javascript"> 
    const { Link } = ReactRouter; 

    App.QnAChild = React.createClass({ 
     mixins: [Mixins.Accounts, Mixins.Utils], 

     render() { 
     let name = ""; 

     if (this.props.user && this.props.user.name) { 
      name = this.props.user.name; 
     }  

     return (
      <tr> 
      <td> 
       {this.props.index + 1} 
      </td> 
      <td> 
       <Link to={`/qna/${ this.props._id }`} 
        className="title-link"> {this.props.title} 
       </Link> 
      </td> 
      <td> 
       <Link to=""> 
       {name} 
       </Link> 
      </td> 
      <td> 
       {this.momentKoreanDate(this.props.createdAt, 5)} 
      </td> 
      </tr> 
     ) 
     } 
    });   
    </code> 
</pre>

渲染之后来源：

const { Link } = ReactRouter; 
App.QnAChild = React.createClass({ 
    mixins: [Mixins.Accounts, Mixins.Utils], 
    render() { 
     let name = ""; 
     if (this.props.user && this.props.user.name) { 
      name = this.props.user.name; 
     } 
     return (
      {this.props.index + 1} 
      {this.props.title} 
      {name} 
      {this.momentKoreanDate(this.props.createdAt, 5)} 
     ) 
    } 
});

$（ '预编码'）[0] .innerHTML：

"const { Link } = ReactRouter; App.QnAChild = React.createClass({ mixins: [Mixins.Accounts, Mixins.Utils], render() { let name = ""; if (this.props.user &amp;&amp; this.props.user.name) { name = this.props.user.name; } return ({this.props.index + 1} <link to="{`/qna/${" this.props._id="" }`}="" classname="title-link"> {this.props.title} <link to=""> {name} {this.momentKoreanDate(this.props.createdAt, 5)}) } }); "

为什么消失html标记innerHTML的？如何获取innerHTML中的原始html字符串？

我希望能源渲染后：

const { Link } = ReactRouter; 

App.QnAChild = React.createClass({ 
    mixins: [Mixins.Accounts, Mixins.Utils], 

     render() { 
      let name = ""; 

      if (this.props.user && this.props.user.name) { 
       name = this.props.user.name; 
      }  

      return (
      <tr> 
       <td> 
        {this.props.index + 1} 
       </td> 
       <td> 
        <Link to={`/qna/${ this.props._id }`} 
          className="title-link"> {this.props.title} 
        </Link> 
       </td> 
       <td> 
        <Link to=""> 
        {name} 
        </Link> 
       </td> 
       <td> 
        {this.momentKoreanDate(this.props.createdAt, 5)} 
       </td> 
      </tr> 
     ) 
    } 
});

感谢您的耐心:)

有一个愉快的一天！

来源

2015-10-09 Programming Pearls

的< and the >应该是实体 – epascarello

"<" = < (lower then)

">" = > (greater then)

<pre> 
 
    <code class="javascript"> 
 
    const { Link } = ReactRouter; 
 

 
    App.QnAChild = React.createClass({ 
 
     mixins: [Mixins.Accounts, Mixins.Utils], 
 

 
     render() { 
 
     let name = ""; 
 

 
     if (this.props.user && this.props.user.name) { 
 
      name = this.props.user.name; 
 
     }  
 

 
     return (
 
      &lt;tr&gt; 
 
      &lt;td&gt; 
 
       {this.props.index + 1} 
 
      &lt;/td&gt; 
 
      &lt;td&gt; 
 
       &lt;Link to={`/qna/${ this.props._id }`} 
 
        className="title-link"> {this.props.title} 
 
       &lt;/Link&gt; 
 
      &lt;/td&gt; 
 
      &lt;td&gt; 
 
       &lt;Link to=""&gt; 
 
       {name} 
 
       &lt;/Link&gt; 
 
      &lt;/td&gt; 
 
      &lt;td&gt; 
 
       {this.momentKoreanDate(this.props.createdAt, 5)} 
 
      &lt;/td&gt; 
 
      &lt;/tr&gt; 
 
     ) 
 
     } 
 
    });   
 
    </code> 
 
</pre>

你应该将代码存储在一个变量：

var myCode = "<html>"; 
var processed = yourProcessor(myCode); 
$('pre code').innerHTML = processed;

来源

2015-10-09 18:07:08 webdeb

谢谢！！我试图替换源代码。 innerHTML.replace（//gi，“>”）; 所以，我想获得innerHTML中的原始代码... :) –

@ProgrammingPearls检查编辑 – webdeb

我发现消失到innerHTML中的表标记（tr，td）... 其他标记（div，span）是存在于innerHTML ... 我不明白.. –

如何获取innerHTML中的原始html字符串？

回答

相关问题