Can I define a class name on paragraph using Markdown?

by

Dupe: How do I set an HTML class attribute in Markdown?

Natively? No. But…

No, Markdown’s syntax can’t. You can set ID values with Markdown Extra through.

You can use regular HTML if you like, and add the attribute markdown="1" to continue markdown-conversion within the HTML element. This requires Markdown Extra though.

<p class="specialParagraph" markdown='1'>
**Another paragraph** which allows *Markdown* within it.
</p>

Possible Solution: (Untested and intended for <blockquote>)

I found the following online:

Function

function _DoBlockQuotes_callback($matches) {

    ...cut...

    //add id and class details...
    $id = $class="";
    if(preg_match_all('/\{(?:([#.][-_:a-zA-Z0-9 ]+)+)\}/',$bq,$matches)) {
        foreach ($matches[1] as $match) {
            if($match[0]=='#') $type="id";
            else $type="class";
            ${$type} = ' '.$type.'="'.trim($match,'.# ').'"';
        }
        foreach ($matches[0] as $match) {
            $bq = str_replace($match,'',$bq);
        }
    }

    return _HashBlock(
        "<blockquote{$id}{$class}>\n$bq\n</blockquote>"
    ) . "\n\n";
}

Markdown

>{.className}{#id}This is the blockquote

Result

<blockquote id="id" class="className">
    <p>This is the blockquote</p>
</blockquote>

More Related Contents:

  1. Custom css file for readme.md in a Github repo
  2. How to render multiple columns with Markdown in GitHub README?
  3. CSS Selector that applies to elements with two classes
  4. CSS Floating Divs At Variable Heights [duplicate]
  5. The difference between percentage and fr units
  6. Sass Variable in CSS calc() function
  7. Is it possible to include one CSS file in another?
  8. How to display list items as columns?
  9. How do I right align div elements?
  10. Should I use ‘border: none’ or ‘border: 0’?
  11. How to make round corners to both inside of a box and its border?
  12. How does one target IE7 and IE8 with valid CSS?
  13. Background Image for Select (dropdown) does not work in Chrome
  14. How to change btn color in Bootstrap
  15. How to overwrite angular 2 material styles?
  16. display:inline resets height and width
  17. difference between body and * in css
  18. How to Include CSS style when converting svg to png
  19. SASS – use variables across multiple files
  20. Maintaining the final state at end of a CSS animation
  21. Make floating child visible outside an overflow:hidden parent
  22. How do I select an element only when inside another element?
  23. How to make div background color transparent in CSS
  24. How do I apply a style to all children of an element
  25. Using Font Awesome icon for bullet points, with a single list item element
  26. Using “word-wrap: break-word” within a table [duplicate]
  27. Why adds extra top margin?
  28. Horizontal masonry layout with flexbox CSS only [duplicate]
  29. How to use CSS position sticky to keep a sidebar visible with Bootstrap 4
  30. -webkit-font-smoothing property has no effect in Chrome

Leave a Comment