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