Markdown itself doesn&#39;t have a mechanism for embedding a PDF. However, Markdown [accepts raw HTML][1] in its input and passes it through unaltered. So the question you might want to ask is: How would you embed a PDF in HTML? In other words, what HTML would one use to have a browser display a PDF embedded in an HTML page? You would just include that HTML in your Markdown document. 

You can find lots of suggestions in answers to the question: [Recommended way to embed PDF in HTML?][2]. For example, [this answer][3] provides a nice solution with a fallback for older browsers (all credit goes to [Suneel Omrey][4]):

    &lt;object data=&quot;http://yoursite.com/the.pdf&quot; type=&quot;application/pdf&quot; width=&quot;700px&quot; height=&quot;700px&quot;&gt;
        &lt;embed src=&quot;http://yoursite.com/the.pdf&quot;&gt;
            &lt;p&gt;This browser does not support PDFs. Please download the PDF to view it: &lt;a href=&quot;http://yoursite.com/the.pdf&quot;&gt;Download PDF&lt;/a&gt;.&lt;/p&gt;
        &lt;/embed&gt;
    &lt;/object&gt;

[1]: http://daringfireball.net/projects/markdown/syntax#html
[2]: https://stackoverflow.com/q/291813/866026
[3]: https://stackoverflow.com/a/23681394/866026
[4]: https://stackoverflow.com/users/2301402/suneel-kumar

I have found a better way by using `xfun` R package.

```{r, echo=FALSE}
xfun::embed_file(&quot;homework.pdf&quot;)
```

This will embed your pdf file in the output of the Rmarkdown. MOre information can be seen via [link](https://bookdown.org/yihui/rmarkdown-cookbook/embed-file.html).

I hope you will enjoy this.

does someone know a way to find out for an Angular2 FormControl if the required validor is registered for the control.

    this.form = builder.group({name: [&#39;&#39;, Validators.required]};

Can I then query the `this.form.controls[&#39;name&#39;]` control if it is a required field? I know I can check if it is valid, but that&#39;s not what I want.

Kind regards,
Marc

Angular2: Find out if FormControl has required validator?

I recently discovered pandas [&quot;assign&quot; method][1] which I find very elegant.
My issue is that the name of the new column is assigned as keyword, so it cannot have spaces or dashes in it. 

    df = DataFrame({&#39;A&#39;: range(1, 11), &#39;B&#39;: np.random.randn(10)})
    df.assign(ln_A = lambda x: np.log(x.A))
            A         B      ln_A
    0   1  0.426905  0.000000
    1   2 -0.780949  0.693147
    2   3 -0.418711  1.098612
    3   4 -0.269708  1.386294
    4   5 -0.274002  1.609438
    5   6 -0.500792  1.791759
    6   7  1.649697  1.945910
    7   8 -1.495604  2.079442
    8   9  0.549296  2.197225
    9  10 -0.758542  2.302585

but what if I want to name the new column &quot;ln(A)&quot; for example?
E.g. 

    df.assign(ln(A) = lambda x: np.log(x.A))
    df.assign(&quot;ln(A)&quot; = lambda x: np.log(x.A))

    
    File &quot;&lt;ipython-input-7-de0da86dce68&gt;&quot;, line 1
    df.assign(ln(A) = lambda x: np.log(x.A))
    SyntaxError: keyword can&#39;t be an expression

I know I could rename the column right after the .assign call, but I want to understand more about this method and its syntax.

  [1]: http://pandas.pydata.org/pandas-docs/stable/generated/pandas.DataFrame.assign.html

pandas assign with new column name as string

Is this possible? Everything I&#39;m google leads me to converting markdown to PDF. But I want to display a PDF image in a markdown file. This is my example:

    ![hustlin_erd](erd.pdf)

If i use a regular image, it works just fine. Also I&#39;m aware of converting PDF to image.

Display pdf image in markdown

Is this possible? Everything I'm google leads me to converting markdown to PDF. But I want to display a PDF image in a markdown file. This is my example:
<pre><code class="hljs language-scss">![hustlin_erd](erd.pdf)
</code></pre>
If i use a regular image, it works just fine. Also I'm aware of converting PDF to image.

Is it possible to make a flex element ignore a child element so it&#39;s size does not affect the other elements?

For example, I have a wrapper with `display: flex`. It has a header, content, and footer.

    &lt;div class=&quot;wrapper&quot;&gt;
        &lt;header&gt;&lt;/header&gt;
        &lt;article&gt;&lt;/article&gt;
        &lt;footer&gt;&lt;/footer&gt;
    &lt;/div&gt;

I want the wrapper to ignore the header tag (the header will be fixed to the top of the window). The article will be set to `flex: 1` so it takes up the rest of the space, forcing the footer to the bottom of the page. Here is some sample CSS:

    .wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 50px; /* Accounts for header */
    }
    
    header {
        height: 50px;
        position: fixed;
        top: 0;
        width: 100%;
    }
    
    article {
        flex: 1;
    }
    
    footer {
        height: 50px;
    }

I know I could just move the header outside of the wrapper but I have a lot of existing code that will make that a bit more difficult. Is what I am asking even possible?

Make flex element ignore child element

On my project I wanted to add a text on my existing toggle code.So I wanted like this, When toggles ON it should display the text &quot;ON&quot; and display the &quot;OFF&quot; text if toggles off. I can&#39;t change it to other toggle because it&#39;s already have a backend using it. I just wanted only to input &quot;ON&quot; and &quot;OFF&quot; text. Thank you.

Here is my code 

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

      .switch input {
      display: none;
    }

    .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ca2222;
      -webkit-transition: .4s;
      transition: .4s;
    }

    .slider:before {
      position: absolute;
      content: &quot;&quot;;
      height: 26px;
      width: 26px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
    }

    input:checked+.slider {
      background-color: #2ab934;
    }

    input:focus+.slider {
      box-shadow: 0 0 1px #2196F3;
    }

    input:checked+.slider:before {
      -webkit-transform: translateX(26px);
      -ms-transform: translateX(26px);
      transform: translateX(26px);
    }


    /* Rounded sliders */

    .slider.round {
      border-radius: 34px;
    }

    .slider.round:before {
      border-radius: 50%;

&lt;!-- language: lang-html --&gt;

    &lt;label class=&quot;switch&quot;&gt;&lt;input type=&quot;checkbox&quot; id=&quot;togBtn&quot;&gt;&lt;div class=&quot;slider round&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/label&gt;

&lt;!-- end snippet --&gt;



How to add the text &quot;ON&quot; and &quot;OFF&quot; to toggle button

How can I manually trigger a click event in **ReactJS**?
When a user clicks on element1, I want to automatically trigger a click on the `input` tag.

    


&lt;!-- language: lang-html --&gt;

    &lt;div className=&quot;div-margins logoContainer&quot;&gt;
      &lt;div id=&quot;element1&quot; className=&quot;content&quot; onClick={this.uploadLogoIcon}&gt;
        &lt;div className=&quot;logoBlank&quot; /&gt;
      &lt;/div&gt;
      &lt;input accept=&quot;image/*&quot; type=&quot;file&quot; className=&quot;hide&quot;/&gt;
    &lt;/div&gt;




How to manually trigger click event in ReactJS?

I want to use `aria-expanded=&quot;true&quot;` to change a css property like an active class :

    &lt;li class=&quot;active&quot;&gt;
       &lt;a href=&quot;#3a&quot; class=&quot;btn btn-default btn-lg&quot; data-toggle=&quot;tab&quot; aria-expanded=&quot;true&quot;&gt; 
           &lt;span class=&quot;network-name&quot;&gt;Google+&lt;/span&gt;
       &lt;/a&gt;
    &lt;/li&gt;

I want the `&lt;a&gt;` to `background-color: #42DCA3` but only when `aria-expanded=&quot;true&quot;`.

How to use aria-expanded=&quot;true&quot; to change a css property

I wrote this to upload an image to my local Apache webserver using `input` element in HTML. The `file` is logged as not empty, but why is the `form_data` completely empty?

	$(&#39;#upload-image&#39;).change(function(e){
		var file = e.target.files[0];
		var imageType = /image.*/;
		if (!file.type.match(imageType))
			return;
		console.log(file);
		var form_data = new FormData();
		form_data.append(&#39;file&#39;, file);
		console.log(form_data);
		$.ajax({
			url: &#39;http://localhost/upload.php&#39;,
			cache: false,
			contentType: false,
			processData: false,
			data: form_data,
			type: &#39;POST&#39;,
			success: function(response){
				console.log(response);
			},
			error: function(error){
				console.log(error);
			}
		});

	});

This is my `upload.php` on local webserver

    &lt;?php
    	header(&#39;Access-Control-Allow-Origin: *&#39;);
    	if ( 0 &lt; $_FILES[&#39;file&#39;][&#39;error&#39;] ) {
    		echo &#39;Error: &#39; . $_FILES[&#39;file&#39;][&#39;error&#39;] . &#39;&lt;br&gt;&#39;;
    	}
    	else {
    		move_uploaded_file($_FILES[&#39;file&#39;][&#39;tmp_name&#39;], &#39;uploads/&#39; . $_FILES[&#39;file&#39;][&#39;name&#39;]);
    		$target_path = $_SERVER[&#39;DOCUMENT_ROOT&#39;] . &quot;/uploads/&quot; . $_FILES[&#39;file&#39;][&#39;name&#39;];
    		echo $target_path;
    	}
    ?&gt;

The `console.log(response)` logs all the code lines of PHP file, instead of the returned result of `echo`

FormData append not working

I would like to format my Swagger API descriptions so that they are not simple paragraphs of text.  Preferably, I&#39;d like to add a small table to it.

I did not find an online reference about text formatting in Swagger descriptions.  If I launch the [Swagger Editor][1], and open the Instagram example (File \ Open Example \ Instagram.yaml), I see the the first description in the yaml file shows some formatting including a hyperlink and bounding box:

        [registered your client](http://instagram.com/developer/register/) it&#39;s easy
    to start requesting data from Instagram.

    ```
      https://api.instagram.com/v1/media/popular?client_id=CLIENT-ID
    ```

This looks like standard [Markdown][2], but when I add a table markdown to the samples description, the editor presents an error:

    |Col1|Col2|
    |------|------|
    |1|2|

    
    YAML Syntax Error
    End of the stream or a document separator is expected at line 36, column

What formatting does Swagger 2.0 allow?
Am I doing something wrong to render a table?


  [1]: http://editor.swagger.io/#/
  [2]: https://en.wikipedia.org/wiki/Markdown

How to format Swagger 2.0 text descriptions?

I&#39;m writing documents that should explain code in C# using Markdown.

I use the ` ```csharp` to get csharp highlighting.

I sometimes want to highlight something specific in the code using bold or anything.

I know about `&lt;pre&gt;` etc... but it takes away my csharp highlighting.

Best case scenario - some way to highlight code in the ` ```csharp` section.

Next best thing - I can write the code as diff - using + and - to highlight stuff, but how do I tell Github to highlight diff syntax with the red and green backcolor?

Is there a way to use both diff and csharp syntax highlighting?

Diff syntax highlighting in Github Markdown

for some reason no link in my R markdowns (rmd) is formatted blue. knitting the simple rmd below to pdf is leaving the text color black. only when hovering over it does one realize that it&#39;s actually a link. knitting it to html will make the link blue. of course I can use a latex wrapper but I wonder why that is?

&gt; sessionInfo()
R version 3.3.0 (2016-05-03)
Platform: x86_64-w64-mingw32/x64 (64-bit)
Running under: Windows 7 x64 (build 7601) Service Pack 1
loaded via a namespace (and not attached):
 knitr_1.15

RStudio 1.0.44

    ---
    title: &quot;R Notebook&quot;
    output:
      pdf_document: default
      html_notebook: default
    ---

    ```{r, echo=F}
    # tex / pandoc options for pdf creation
    x &lt;- Sys.getenv(&quot;PATH&quot;)
    y &lt;- paste(x, &quot;E:\\miktex\\miktex\\bin&quot;, sep=&quot;;&quot;)
    Sys.setenv(PATH = y)
    ```

    [link](www.rstudio.com)

[![enter image description here][1]][1]
  [1]: https://i.stack.imgur.com/awos7.png

R markdown link is not formatted blue when knitted to pdf

eg:

    ```
    some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; some very long line; 
    ```

will force user to scroll in github/gitlab issues.
Is there a way to soft-line wrap inside ``` code block ``` ?

I&#39;ve read the related questions but they seem different (eg jekyll etc).

EDIT: manually editing code to limit to 80 columns is not a viable option (eg, when pasting from a compiler output/log etc; that&#39;s a lot of work and should not be necessary)

EDIT: see also https://github.com/softvar/enhanced-github/issues/95

How to wrap long lines inside of markdown ``` code ``` in Github and Gitlab issues?

I want to add the image in the Jupyter notebook and I want to have particular height and width. 
When I try to add the image using 

&gt; `![](img.png)`

 
the code is adding the complete image but as per the image dimension and I don&#39;t have control over it.
I try to use **![](img.png =200x100)** but then the image does not appear. 

Does anybody know of a way to add an image with pre-specified dimensions?

Content Type	Original Author	Original Content on Stackoverflow
Question	Andrew Kim	View Question on Stackoverflow
Solution 1 - Html	Waylan	View Answer on Stackoverflow
Solution 2 - Html	gbganalyst	View Answer on Stackoverflow

Display pdf image in markdown

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

pandas assign with new column name as string

Angular2: Find out if FormControl has required validator?

Attributions