Markdown Parser

html-document.txt ▾

images ▾

markdown-document.txt ▾

sample-style.txt ▾

convert-markdown-blanklines.php ▾

convert-markdown-colors.php ▾

convert-markdown-divs.php ▾

convert-markdown-headings.php ▾

convert-markdown-image-links.php ▾

<?php
$newstring = trim ($newstring);

$newstring1 = "";   

if (strpos ($newstring, "[![") !== false) { 
   
    $array1 = explode ("[![", $newstring);
  
    foreach ($array1 as $id =>  $item) {

        $item = trim ($item);   
      
        $newitem = ''; 
        if ($id === 0  && substr ($newstring, 0, 3) !== '[![') {
           
            //beginning of string before any matches
            $newitem = $item;       
        }   
        else {
           
            $imagedata = $linkaddress = $name =  "";
           
            $pos1 = 0;
            $pos2 = strpos ($item, "]");

            //name
            $name = substr ($item, 0, $pos2);
            $name = htmlspecialchars ($name);
            
            //image location including size and justification
            $pos3 = strpos ($item, "(");
            $pos4 = strpos ($item, ")");  
            $imagedata = substr ($item, $pos3 + 1, $pos4-$pos3 -1);
            

            //closing ']'  
            $pos5 = $pos4 + 1;  
            //opening '('  for start of link address  
            $pos6 = $pos4 + 2;
            //find closing ')' for end of link address
            $remaining = substr ($item, $pos6);
            $pos7 = strpos ($remaining, ')');
            $linkaddress = substr ($remaining, 1, $pos7 - 1);
            
            
            //rest of the characters in item after end of link
            $remainingafterlink = substr ($remaining, $pos7 + 1 );


            //Determine width of image
            $size = "";

            if (strpos($imagedata, "XSMALL")) {
                $size = 'image-xsmall';
                $imagedata = str_replace ("XSMALL", "", $imagedata);
            }
            if (strpos($imagedata, "SMALL")) {
                $size = 'image-small';
                $imagedata = str_replace ("SMALL", "", $imagedata);
            }

            else if (strpos ($imagedata, "MEDIUM")) {  
                $size = 'image-medium';
                $imagedata = str_replace ("MEDIUM", "", $imagedata);
            }
            
            else if (strpos ($imagedata, "XLARGE") ) {
                $size = 'image-xlarge';
                $imagedata = str_replace ("XLARGE", "", $imagedata);
            }
            else if (strpos ($imagedata, "LARGE") ) {
                $size = 'image-large';
                $imagedata = str_replace ("LARGE", "", $imagedata);
            }
            
            //Determine image justification   
            $justify = "";
            if (strpos ($imagedata, "RIGHT") ) {
                $justify = 'image-right';
                $imagedata = str_replace ('RIGHT', "", $imagedata);
            }
            else if (strpos ($imagedata, "CENTER")) {
                $justify = 'centered';
                $imagedata = str_replace ('CENTER', "", $imagedata);
            }   

            else if (strpos ($imagedata, "LEFT")) {
                $justify = 'image-left';
                $imagedata = str_replace ('LEFT', "", $imagedata);
            }           
            else if (strpos ($imagedata, "GRID")) {
                $justify = 'imagegridcolumn';
                $imagedata = str_replace ('GRID', "", $imagedata);
            }  
                       
            //build html for this image link
            $newitem .= "<a href = '" . $linkaddress . "'>";
            $newitem .= "<img src = '" .  $imagedata .  " '   alt = '" . $name . "'  class = '" . $justify . " " . $size . "'  /></a>";   

            $newitem .=  $remainingafterlink;             
        }
        $newstring1 .=  $newitem; 
        
    } 
    //final converted string  
    $newstring = $newstring1;
}
?>

convert-markdown-images.php ▾

<?php


$newstring1 = "";   
$imagecount = 0;
$newstring = trim ($newstring);

if (strpos ($newstring, "![") !== false) { 
   
    $array1 = explode ("![", $newstring);
  
    foreach ($array1 as $id =>  $item) {
        $item = trim ($item);    
         $newitem = '';
        if ($id === 0 && substr ($item, 0, 2) !== '![') {            
            //beginning of string before image 
            $newitem = $item;       
        }   
        else {
            
            $imagedata = $name =  "";           

            $pos1 = 0;
            $pos2 = strpos ($item, "]");

            //name
            $name = substr ($item, 0, $pos2);
            $name = htmlspecialchars ($name);

            //image location including size and justification
            $pos3 = strpos ($item, "(");
            $pos4 = strpos ($item, ")");  
            $imagedata = substr ($item, $pos3 + 1, $pos4-$pos3 -1);            
         
            $remaining = substr ($item, $pos4 + 1 );

            //Assign a number to this image
            $imagenumber = 'img-' . $imagecount;
            $imagecount++;

            //Determine width of image
            $size = "";

            if (strpos($imagedata, "XSMALL")) {
                 $size = 'image-xsmall';
                 $imagedata = str_replace ("XSMALL", "", $imagedata);
            }            
            else if (strpos ($imagedata, "SMALL") ) {
                $size = 'image-small';
                $imagedata = str_replace ("SMALL", "", $imagedata);
            }
            else if (strpos ($imagedata, "MEDIUM")) {
                $size = 'image-medium';
                $imagedata = str_replace ("MEDIUM", "", $imagedata);
            }
            else if (strpos ($imagedata, "XLARGE") ) {
                $size = 'image-xlarge';
                $imagedata = str_replace ("XLARGE", "", $imagedata);
            }
            else if (strpos ($imagedata, "LARGE") ) {
                $size = 'image-large';
                $imagedata = str_replace ("LARGE", "", $imagedata);
            }
            
            
            //Determine image justification   
            $justify = "";
            if (strpos ($imagedata, "RIGHT") ) {
                $justify = 'image-right';
                $imagedata = str_replace ('RIGHT', "", $imagedata);
            }
            else if (strpos ($imagedata, "LEFT")) {
                $justify = 'image-left';
                $imagedata = str_replace ('LEFT', "", $imagedata);
            } 
            else if (strpos ($imagedata, "CENTER")) {
                $justify = 'centered';
                $imagedata = str_replace ('CENTER', "", $imagedata);
            }           
            else if (strpos ($imagedata, "GRID")) {
                $justify = 'imagegridcolumn';
                $imagedata = str_replace ('GRID', "", $imagedata);
            }  
           
            $caption = "";
            $pos5 = strpos ($item, '^^');            
            $pos6 = strpos ($item, '/^^');

            if ($pos5  && $pos6 ) { 
                
                $captionlength = $pos6 - $pos5 - 2;
                $caption = substr ($item, $pos5 + 2, $captionlength);
                
                $remaining = substr ($item, $pos6 + 3);               
                $newitem .= "<figure class = '" . $justify . " " . $size . "' >";     

                $newitem .= "<img src = '" .  $imagedata .  " '   alt = '" . $name . "' />"; 
                $newitem .= "<figcaption>" . $caption . "</figcaption>";
                $newitem .= "</figure>"; 
            }
            
            else {
               
                //if no link selected, add link to single-image-page
                $folderfile = str_replace ('data/images/', '', $imagedata);
                $folderfile = trim ($folderfile);
                $newitem .= "<img src = '" .  $imagedata .  "' alt = '" . $name . "'  class = '" . $imagenumber . " ".  $justify . " " . $size . "'  />";                  
            }
            $newitem .= $remaining; 
        }
        $newstring1 .=  $newitem; 
    }    
    $newstring = $newstring1;  
 
}
?>

convert-markdown-inline.php ▾

convert-markdown-links.php ▾

convert-markdown-paragraphs.php ▾

<?php

//remove extra br tags at beginning and end
$array1 = explode ("<br>", $newstring);

$newarray = array();;
$breakcount = 0;
$paragraph = false;
$quote = false;

foreach ($array1 as $id => $item) {
    $item = trim ($item);
   
    if (substr ($item, 0, 1) === ">") {
        //blockquote
        if ($paragraph) {
            array_push ( $newarray, '</p>');
            $paragraph = false;
        }
        $quote = true;    
        $item = substr ($item, 1);
        array_push ($newarray, "<blockquote>" . $item );       
    }

    //A non-inline tag has been detected - 
    else  if  (substr ($item, 0, 1) === '<' && 
        substr ($item, 0, 3) !== "<i>" && 
        substr ($item, 0, 3) !== "<b>" &&
        substr ($item, 0, 5) !== "<span" &&  
        substr ($item, 0, 2) !== "<a") {
       
        if ($paragraph ) {         
             array_push ($newarray, "</p>" . $item);
             $paragraph = false;
        }
        else if ($quote) {
            array_push ($newarray,  "</blockquote>" . $item);
            $quote = false;           
        }
        else {           
             array_push ($newarray,  $item  );
        }
    }
    //Item contains text
    else if ($item !== "" ) { 
        
        if ($paragraph === false && $quote === false) {
            //for an image or image link, just save item
            if ( strpos ($item, '![')) { 
                array_push ($newarray,  $item); 
              
            }
            else if ($quote === false) {
                //Open paragraph               
                array_push ($newarray, "<p>" . $item); 
                $paragraph = true;                
            }
        }
        else {
            //paragraph or quote already open, insert a blank line
            array_push ($newarray,  "[BLANKLINE]" . $item);            
        }       
    }

    else {
      
        //This is a blank line
        $breakcount ++;        
        if ($breakcount > 0) {
            //2 blank lines indicate a paragraph has ended
            if ($paragraph) {
              
                array_push ($newarray , "</p>");
                $paragraph = false;
                $breakcount = 0;
            }
            else if ($quote) {
                array_push ($newarray , "</blockquote>");
                $quote = false;
                $breakcount = 0;
            }
         }
    }
}
if ($paragraph) {
    
    array_push ($newarray, "</p>");
}
if ($quote) {
    array_push ($newarray, '</blockquote>');
}
//print_r ($newarray);    
$newstring = implode ("<br>", $newarray);  
    


?>

convert-markdown-styles.php ▾

convert-markdown-ul.php ▾

convert-markdown.php ▾

markdown-instructions.php ▾

<h1>Markdown Instructions</h1>
<div class = 'pink-background'>
    <div class = 'half-column-1'>
        <h2>Standard Markdown Syntax</h2>
        <b>#</b> Heading1 <br>    
        <b>##</b> Heading2 <br>  
        <b>###</b> Heading3  <br> 
        <b>####</b> Heading4  <br> 
        <b>#####</b> Heading5  <br> 

        <br>Note:   To use '#' in text, use backslash: \#
<br>
        <br>*<i>Italics</i>*
        <br>**<b>Bold</b>**           
        <br> ***<i><b>Bold Italics</b></i>***<br>

        <br>Note:  To use '*' in text, use backslash:  \*
        <br><br>
        <b>Bullet List</b><br>
        Line starts with  * followed by a space
        <br><br>
        <b>Bullet List</b><br>
        Line starts with  - followed by a space
        <br><br>       


        <b>Images:</b>
        <br> ![image description ] (image location )
       <br><br>
        <b>Link</b> 
        <br>[link name] (link url)<br>
    Note: To use '[' in text, use backslash: \[<br> 
        Not necessary for the closing bracket ]

        <br><br>
        <b>Image Link</b><br>
        [![image description](image location)](link url )   
        <br><br>

        <b>Arrows</b>
        To insert an arrow, use '&' followed by 'larr;' or 'rarr;'<br>
        &larr; &rarr;


    </div><div class = 'half-column-2'>
        <h2>Shortcodes</h2>

        <b>Select a snippet: </b>READ MORE...<br><br>
        <b>Image sizes and justification</b>
        <br> ![image description ] (image location RIGHT )<b></b>
        <br> ![image description ] (image location FULL  )<b></b>
        <br> ![image description ] (image location LEFT SMALL )<b></b>
            <br><br>
        <b>Image sizes:</b><br>
        XSMALL: 100px, SMALL: 150px, MEDUIM: 300px, LARGE: 450px, XLARGE: 600px
        <br><br>
         <b>Image with Caption:</b>     
         <br> ![image description](image location)^^This is a caption/^^
        <br><br>
        
        <b>Quote</b>
        <br>Paragraph starts with >
        
        <br><br>
        <b>Style</b>
        <br>[STYLE](class name)Text to be styled [ENDSTYLE]
        <br><br>
        <b>Color</b>
        <br>[COLOR](Color code or name)Text to be colored[ENDCOLOR]
        <br><br>
        <b>Break from left or right float</b>
        <br>[BREAK]
        <br><br>
        <b>Single blank line</b>
        <br>[BLANKLINE]
        <br><br>
        <b>Multiple blank lines</b>
        <br>[BLANKLINES](number of blank lines)
          <br><br>
        <b>2 Columns:  </b><br>
        [2COL1]Text[2COL2]Text [ENDCOL]
       <br><br>
        <b>3 Columns:</b><br>
        [3COL1]Text[3COL2]Text[3COL3]Text[ENDCOL]
        <br><br>
        <b>2/3 Columns:</b><br>
        [23COL1]Text[3COL3] Text [ENDCOL]<br>
        [3COL1]Text[23COL2] Text [ENDCOL]
    </div>
</div>

validate-HTML.php ▾

view-html.php ▾

← Return to Projects

Click here for demo