Mercurial > repos > mingchen0919 > aurora_star_site
comparison index.Rmd @ 3:071638eddf9c draft
planemo upload commit 841d8b22bf9f1aaed6bfe8344b60617f45b275b2-dirty
author | mingchen0919 |
---|---|
date | Sun, 30 Dec 2018 12:50:59 -0500 |
parents | c12e291895ff |
children |
comparison
equal
deleted
inserted
replaced
2:c04ef267c2c9 | 3:071638eddf9c |
---|---|
1 | 1 |
2 | 2 |
3 ```{css echo=FALSE} | 3 ```{css, echo=FALSE} |
4 # code chunks scrollable | |
5 pre code, pre, code { | 4 pre code, pre, code { |
6 white-space: pre !important; | 5 white-space: pre !important; |
7 overflow-x: scroll !important; | 6 overflow-x: scroll !important; |
8 word-break: keep-all !important; | 7 word-break: keep-all !important; |
9 word-wrap: initial !important; | 8 word-wrap: initial !important; |
10 } | 9 } |
11 ``` | 10 ``` |
12 | |
13 | 11 |
14 ```{r, echo=FALSE} | 12 ```{r, echo=FALSE} |
15 # to make the css theme to work, <link></link> tags cannot be added directly | 13 # to make the css theme to work, <link></link> tags cannot be added directly |
16 # as <script></script> tags as below. | 14 # as <script></script> tags as below. |
17 # it has to be added using a code chunk with the htmltool functions!!! | 15 # it has to be added using a code chunk with the htmltool functions!!! |
22 | 20 |
23 ```{r, eval=FALSE, echo=FALSE} | 21 ```{r, eval=FALSE, echo=FALSE} |
24 # this code chunk is purely for adding comments | 22 # this code chunk is purely for adding comments |
25 # below is to add jQuery and jstree javascripts | 23 # below is to add jQuery and jstree javascripts |
26 ``` | 24 ``` |
27 <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> | 25 |
28 <script src="vakata-jstree-3.3.5/dist/jstree.min.js"></script> | 26 <script src="vakata-jstree-3.3.5/dist/jstree.min.js"></script> |
27 | |
29 | 28 |
30 ```{r, eval=FALSE, echo=FALSE} | 29 ```{r, eval=FALSE, echo=FALSE} |
31 # this code chunk is purely for adding comments | 30 # this code chunk is purely for adding comments |
32 # javascript code below is to build the file tree interface | 31 # javascript code below is to build the file tree interface |
33 # see this for how to implement opening hyperlink: https://stackoverflow.com/questions/18611317/how-to-get-i-get-leaf-nodes-in-jstree-to-open-their-hyperlink-when-clicked-when | 32 # see this for how to implement opening hyperlink: https://stackoverflow.com/questions/18611317/how-to-get-i-get-leaf-nodes-in-jstree-to-open-their-hyperlink-when-clicked-when |
34 ``` | 33 ``` |
35 <script> | 34 <script> |
36 $(function () { | 35 jQuery(function () { |
37 // create an instance when the DOM is ready | 36 // create an instance when the DOM is ready |
38 $('#jstree').jstree().bind("select_node.jstree", function (e, data) { | 37 jQuery('#jstree').jstree().bind("select_node.jstree", function (e, data) { |
39 window.open( data.node.a_attr.href, data.node.a_attr.target ) | 38 window.open( data.node.a_attr.href, data.node.a_attr.target ) |
40 }); | 39 }); |
41 }); | 40 }); |
42 </script> | 41 </script> |
43 | 42 |