Rのマークダウンで生のHTMLをレンダリング

Question

私は、このJSfiddleの作業コードの短い部分をR Markdown文書に含​​めようとしています：https://fiddle.jshell.net/atypq97m/3/

あり、このに従ってHTMLを含むためPandoc拡張子は次のとおりです。私はHTMLをレンダリングすることができhttp://rmarkdown.rstudio.com/authoring_pandoc_markdown.html#raw_html

、私は行動が奇数である見つけます。私がJSfiddleからコードをコピー＆ペーストしてR Markdownに入れたとき、その機能は異なっています。ここで

は私のコードです：

--- 
title: "Untitled" 
author: "CG" 
date: "6 September 2016" 
output: 
    html_document: 
    md_extensions: +raw_html 
--- 

<style type="text/css"> 

.tooltip { 
    position: relative; 
    display: inline-block; 
    border-bottom: 1px dotted black; 
} 

.tooltip .tooltiptext { 
    visibility: hidden; 
    position: absolute; 
    z-index: 1; 
} 

.tooltip:hover .tooltiptext { 
    visibility: visible; 
} 

</style> 


<div class="tooltip">Hover over me 
    <span class="tooltiptext"> 
    Hello World 
    </span> 
</div> 
<br> 
<br> 
<br> 
<div class="tooltip">Or hover over me 
    <span class="tooltiptext"> 
    Hello World 
    </span> 
</div> 

私はCSSまたは（機能なし）コンテンツをレンダリングするHTML内のクラスを削除した場合、私はCSSと私はどれものことを見つけるのクラスを維持している場合テキストが表示されます。これは、Rmarkdown/PandocがJSfiddleとは違ってCSSを解釈していることを示していますが、理由はわかりません。

Answer 1

異なる動作は、クラス.tooltipがすでにRMarkdownドキュメントで使用されているデフォルトテーマで定義されていることから発生します。

あなたはRMarkdownのデフォルトのテーマを使用している場合、あなたは（OSXのユーザーのために）に位置bootstrap.cssファイル内のクラスがあります：

/Library/Frameworks/R.framework/Versions/3.3/Resources/library/rmarkdown/rmd/h/bootstrap-3.3.5/css

これはあなたが見つけるものです：

.tooltip { 
    position: absolute; 
    z-index: 1070; 
    display: block; 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-size: 12px; 
    font-style: normal; 
    font-weight: normal; 
    line-height: 1.42857143; 
    text-align: left; 
    text-align: start; 
    text-decoration: none; 
    text-shadow: none; 
    text-transform: none; 
    letter-spacing: normal; 
    word-break: normal; 
    word-spacing: normal; 
    word-wrap: normal; 
    white-space: normal; 
    filter: alpha(opacity=0); 
    opacity: 0; 

    line-break: auto; 
}