Markdown Parser | Lila Avenue Website Services, Cincinnati

Sometimes you need a quick way to convert plain text to HTML. If you format your text with 'markdown' syntax, the task is much simpler.
The demo uses some sample text, but you are welcome to replace it with your own. Instructions for markdown syntax are at the bottom of the page.
There are also several 'short codes' - words inside brackets that allow you to add columns, iframes, colors and styles to your HTML. The style sheet below contains the styles for the column widths and the image sizes - if you are using the HTML on a web page, be sure to copy the styles that you need.
If you get an error, please let me know and I will get back to work! Contact
Files and folders for this application

 html-page.php ▾
 <!DOCTYPE html>
<html>
<head>    
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">  
   <title>'Convert Markdown to HTML Demo'</title>        
   <link rel= 'stylesheet' type='text/css' href= 'style.css'> 
</head> 
<body>
    <div class = 'header'> 
       <a class = 'return' href = 'index.php'>&larr; Return</a> &nbsp; &nbsp;
      
       <h2>After Conversion to HTML</h2>       
    </div> 
   
    <main>


<?php
 include ("markdown/convert-markdown.php");       
        
if ($_SERVER ["REQUEST_METHOD"] == "POST" ) {  
 
    if (isset ($_POST['text'])) {  
       $text = $_POST['text'];
    }
    if (isset ($_POST['textid'])) {
        $textid = $_POST['textid'];
    }
    
    //Display html document        
    if (strlen ($text) > 2000) {
        echo "</div class = 'error'>Text must be less than 2000 characters</div>";
    } 
    else {
       $textid = 'home';
        $htmltext =  convertMD ($text, $textid);        
        echo $htmltext;
    }
    echo "<div class = 'html-section'>"; 
   echo "<h2>HTML</h2>";
    $codeblock = htmlentities ($htmltext); 
    $codeblock = str_replace ("&gt;", "&gt;\n", $codeblock);   
      
    echo nl2br  ($codeblock);
    echo "</div>";
}
?>
    </main>
    </body>
</html>
 index.php ▾
<?php  
//Copyright (c) 2021, Susan V. Rodgers, Lila Avenue, LLC,  lilaavenue@gmail.com 
include ("markdown/convert-markdown.php");
$text = file_get_contents ("data/sample-text.txt");
?>
 <!DOCTYPE html>
<html>
<head>    
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">  
   <title>Convert Markdown to HTML Demo</title>        
   <link rel= 'stylesheet' type='text/css' href= 'style.css'> 
</head> 
<body>
    <header> 
       <a class = 'return' href = '../../markdown-parser'>&larr; Return </a> &nbsp; &nbsp;
      
       <h2>Convert Markdown to HTML</h2>       
    </header> 
   
    <main class = 'home'>
       
        <form method='post' action='html-page.php'>  
            <h2>Sample Text</h2>
            You can delete this and type in your own
            <textarea id = 'text-id' name = 'text'  rows = '10' cols = '100'><?php echo $text ;?></textarea> 
               
            <br><label for='clr1'> &nbsp; COLOR SELECTOR - Choose 'custom' to find a color code &nbsp; </label>
            <input id = 'clr1' type = 'color' name = 'color1'  value = '<?php echo $color1; ?>' />
           
            <br><input  class = 'submitbutton' type = 'submit' name = 'submit' value='Convert to HTML'/>  
        </form> 
      
        <?php
            include  ("markdown/markdown-instructions.php");   
        ?>
       
    </main>
    <footer>
    <br><br><br>Copyright &copy; <?php echo  date('Y'); ?> Susan Rodgers, <a href = 'https://lilaavenue.com'>Lila Avenue</a><br><br>
    </footer>
    
<script>
    function accordionToggle(bttn) { 
   ///Used tp display sections in  Control Panel 
   var x = document.getElementById(bttn+"-content");    
   if (x.style.display === "block"  ) {
        x.style.display = 'none';
    }
    else {
        x.style.display = 'block';
    }
 }
  </script>  
    </body>
</html>
        
        
 style.css ▾
@font-face {
  font-family: Elsie;
  src: url('data/fonts/Elsie-Regular.ttf');
}
@font-face {
  font-family: Lato;
  src: url('data/fonts/Lato-Regular.ttf');
}

body {
    font-family: "Lato", sans-serif;
    text-align: center;
    font-size: 1em;
    margin: 0 auto;
   
}
h1, h3 {
   font-family: 'Elsie', cursive;  
    letter-spacing: 1px;
    text-align: center;
}
a {
   text-decoration: none; 
   color: lightcoral;
}
a:hover {
    color: aqua;
}

header, footer  {    
    text-align: center;   
    display: block;
   padding: 20px 0;
    width: 100%;  
    color: white;
    background-color: #434460;
}

main {    
    text-align: left;   
    margin: auto;    
    background-color: white; 
    width: 1300px;
    max-width: 100%;  
    padding: 20px;
}

input.submitbutton  {
    width: 140px;    
    border: 1px solid #bbb;  
    border-radius:  5px;
    padding: 10px;
    margin: 5px auto;  
    color: white;
    background-color: darkmagenta;
}

textarea {
    font-family: "Lato", sans-serif;   
    padding: 20px;
    border: 1px solid #ddd;   
    width: 100%;
    max-width: 100%;
    color: #444;
    margin: 20px 0;
    background-color: #e8e8e8;
}
blockquote {
    border: 1px solid #bbb;
    padding: 10px;
}
.markdown-instructions {
    font-size: 14px;  
    color: #666;
}
.html-section {
    padding: 20px;
    background-color: pink;
}
.half-column-1, .half-column-2, .full-column, .third-column-1, .third-column-2, .third-column-3, .two-thirds-column-1, .two-thirds-column-2 {
    margin-top: 30px;  
    display: inline-block;   
    box-sizing: border-box;   
    background-color: white;  
    line-height: 170%;
    vertical-align: top;
    margin: 5px 0;
    padding: 10px;
    max-width: 100%;
}
.half-column-1, .half-column-2 {
    width: 45%;
    border: 1px solid #ddd;
    margin: 5px;
}

.third-column-1, .third-column-2, .third-column-3  {
    width: 33%;
}
.two-thirds-column-1, two-thirds-column-2 {
    width: 66%;
}

.grey-background {
    background-color: #eee;
    padding: 20px;
}

img {
    max-width: 100%;
    height: auto;   
    display: block;   
    box-sizing: border-box;    
    padding: 20px;
} 
figure img {
    padding: 0;
}
figure {
    padding: 20px;
}
.image-center  {
    margin: 0 auto;
    float: none;
}
.image-right {   
    float: right;
    margin: 0;
}
.image-left {    
    float: left;
    margin: 0;
}
.image-xsmall {
   max-width: 140px; 
}
.image-small {
    max-width: 240px;
}
.image-medium {
    max-width: 400px;
}
.image-large {
    max-width: 600px;
}
.image-xlarge {
    width: 700px;
}



/** BREAKPOINTS */

@media only screen and (max-width: 750px) {
    .two-thirds-column-1, .two-thirds-column-2, .two-thirds-column-3, .third-column-1, .third-column-2 {
        width: 100%;
    }
    
}
@media only screen and (max-width: 650px) {   
    .half-column-1, .half-column-2  {
        width: 100%;
    }
    .image-right, .image-left {
        float: none;
    }
}
markdown convert-markdown-blanklines.php ▾
<?php
if (strpos ($newstring, "[BLANKLINES](") !== false){
  
    $array1 = explode ("[BLANKLINES](", $newstring);

    $newstring1 = "";
    foreach ($array1 as $id => $item) {
        $item = trim ($item);
        if ($id === 0 && substr ($item, 0, 13) !== '[BLANKLINES](') {
            $newstring1 = $item;
        }
        else  { 
            
            $pos2 = strpos ($item, ")");
            $count = substr ($item, 0, $pos2);
           
            $numcount = intval ($count);            
            $remaining = substr ($item, $pos2 + 1) ;   
          
            $lines = "";
            for ($l = 0; $l < $numcount; $l++) {
               $lines .= " [BLANKLINE] ";
            }
           
            $newitem = $lines . $remaining;
            $newstring1 .= $newitem;
        }
        
    } 
    $newstring  = $newstring1;
   
}


?>
 convert-markdown-code.php ▾
<?php


$newstring = "";
function convertMD ($text) {    
    
    $text = trim ($text);
    
    $textarray = explode ("STARTCODE", $text);
    foreach ($textarray as $textitem) {
        $pos1 = strpos ($textitem, 'ENDCODE') ;
        
        if ($pos1) {                
            
           $codestring = substr ($textitem, 0, $pos1);
           $codestring = htmlentities ($codestring);
           $newstring .= "<div class = 'code-example'><pre><code>" . $codestring . "</code></pre>";


           $noncode = substr ($textitem, $pos1 + 7);
           $newstring .=  convertMD ($noncodetring);

        }
        else {
            $newstring .= convertMD ($textitem);
          
        }


            
        
    }
    
    //echo htmlentities ($text);
    $newstring = str_replace ("\n", "<br>", $text);

    include ("admin/markdown/convert-markdown-headers.php");
    include ("admin/markdown/convert-markdown-divs.php");    
    
    $newstring = str_replace ("\\*", "[ESCAPEASTERIX]", $newstring);
    $newstring = str_replace ("\\-", "[ESCAPEDASH]", $newstring);  
    
    include ("admin/markdown/convert-markdown-ol.php");   
    include ("admin/markdown/convert-markdown-ul.php");     
    include ("admin/markdown/convert-markdown-inline.php");
    
    $newstring = str_replace ("[ESCAPEASTERIX]", "*", $newstring);
    $newstring = str_replace ("[ESCAPEDASH]", "-", $newstring);
    
    if (strpos ($newstring, "![") !== false) {  
       include ("admin/markdown/convert-markdown-images.php");
    }     
    if (strpos ($newstring, "[") !== false) { 
        include ("admin/markdown/convert-markdown-links.php");  
    } 
   
     include ("admin/markdown/convert-markdown-paragraphs.php"); 
    $newstring = str_replace ("<br>", "", $newstring);    
    
   
    include ("admin/markdown/convert-markdown-blanklines.php");
    $newstring = str_replace ("[BLANKLINE]", "<br>", $newstring);
    
    include ("admin/markdown/convert-markdown-colors.php");
    include ("admin/markdown/validate-HTML.php");

    //return html string
    return $newstring;
}

?>
 convert-markdown-colors.php ▾
<?php
//Copyright (c) 2021, Susan V. Rodgers, Lila Avenue, LLC,  lilaavenue@gmail.com 

$newstring1 = "";   

if (strpos ($newstring, "[COLOR](" ) !== false) {
 
    $array1 = explode ("[COLOR](", $newstring);  
   
    foreach ($array1 as $id =>  $item) {     
        $item = trim ($item); 
       
        if ($id === 0  && substr ($item, 0, 8) !== '[COLOR](') {
          
            //beginning of string
            $newstring1 .= $item;       
        }   
        else {            
            $pos2 = strpos ($item, ")");                 
            $color = substr ($item, 0, $pos2);               
            $remaining = substr ($item, $pos2 + 1);              
            $newitem =  "<span style = 'color: " . $color . ";'>" . $remaining;           
            $newstring1 .= $newitem; 
        }          
    }
    $newstring = $newstring1; 
    $newstring = str_replace ("[ENDCOLOR]", "</span>", $newstring);   
}


?>
 convert-markdown-divs.php ▾
<?php

//Start new line after image
$newstring = str_replace ("[BREAK]", "<div style = 'clear: both; float: none;'></div><br>", $newstring);    

// Quotes
$newstring = str_replace ("[QUOTE]", "<blockquote>", $newstring);
$newstring = str_replace ("[ENDQUOTE]", "</blockquote>", $newstring);
// Columns 
$newstring = str_replace ("[2COL2]", "</div><div class = 'half-column-2'><br>", $newstring);
$newstring = str_replace ("[2COL1]", "<div class = 'half-column-1'><br>", $newstring);

$newstring = str_replace ("[23COL1]", "<div class = 'two-thirds-column-1'><br>", $newstring);
$newstring = str_replace ("[23COL2]", "</div><div class = 'two-thirds-column-2'><br>", $newstring);

$newstring = str_replace ("[3COL3]",  "</div><div class = 'third-column-3'><br>", $newstring);
$newstring = str_replace ("[3COL2]", "</div><div class = 'third-column-2'><br>", $newstring);
$newstring = str_replace ("[3COL1]", "<div class = 'third-column-1'><br>", $newstring);

$newstring = str_replace ("[ENDCOL]", "</div><br>", $newstring);

?>
 convert-markdown-headers.php ▾
<?php

$newarray = array();
$array = explode ("<br>", $newstring);

foreach ($array as $id =>  $item) { 
    $item = trim ($item);
   
    if (substr ($item, 0, 5) === "#####"){        
        $array[$id] = "<h5>" . substr($item, 5) . "</h5>";            
    }   
    else if (substr ($item, 0, 4) === "####"){         
       $array[$id] = "<h4>" . substr($item, 4) . "</h4>";            
    }   
    else if (substr ($item, 0, 3) === "###") { 
         $array[$id] = "<h3>" . substr($item, 3) . "</h3>"; 
    } 
    else if (substr ($item, 0, 2) === "##") {            
         $array[$id] = "<h2>" . substr($item, 2) . "</h2>";  
       
    } 
    else if (substr ($item, 0, 1) === "#") {        
         $array[$id] = "<h1>" . substr($item, 1) . "</h1>";            
    }
}
$newstring = implode ("<br>", $array);

?>
 convert-markdown-images.php ▾
<?php
//Copyright (c) 2021, Susan V. Rodgers, Lila Avenue, LLC,  lilaavenue@gmail.com 

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

        $item = trim ($item);    
        $newitem = $item;     
        if ($id === 0  && substr ($item, 0, 2) !== '![') {

            //beginning of string
            $newitem = $item;       
        }   
        else {

            $newimagefield =  "";
            $lastpos = 0;
            $pos1 = 0;
            $pos2 = strpos ($item, "]");
            $pos3 = strpos ($item, "(");
            $pos4 = strpos ($item, ")");
            //echo "HERE" . $pos1 . " " . $pos2 . " " . $pos3  . "  " . $pos4;

            $altlength = $pos2;
            $srclength = $pos4 - $pos3;

            $alt = substr ($item, $pos1 , $altlength);         
            $src = substr ($item, $pos3+1, $srclength-1); 

            $remaining = substr ($item, $pos4 + 1 );
            //Assign a number to this image

            $imagenumber = 'img-' . $imagecount;
            $imagecount++;
            //Determine width of image
            $size = "";

            if (preg_match("/SMALL/", $src) === 1) {
                $size = 'image-small';
                $src = str_replace ("SMALL", "", $src);
            }
            if (preg_match("/XSMALL/", $src) === 1) {
                $size = 'image-xsmall';
                 $src = str_replace ("XSMALL", "", $src);
            }

            else if (preg_match("/MEDIUM/", $src) === 1) {
                $size = 'image-medium';
                $src = str_replace ("MEDIUM", "", $src);
            }
            else if (preg_match("/LARGE/", $src) === 1) {
                $size = 'image-large';
                $src = str_replace ("LARGE", "", $src);
            }
            else if (preg_match("/XLARGE/", $src) === 1) {
                $size = 'image-xlarge';
                $src = str_replace ("XLARGE", "", $src);
            }

            //Determine image justification   
            $justify = "";
            if (preg_match("/RIGHT/", $src) === 1) {
                $justify = 'image-right';
                $src = str_replace ('RIGHT', "", $src);
            }
            else if (preg_match("/LEFT/", $src) === 1) {
                $justify = 'image-left';
                $src = str_replace ('LEFT', "", $src);
            }           
            else if (preg_match("/CENTER/", $src) === 1) {
                $justify = 'image-center';
                $src = str_replace ('CENTER', "", $src);
            }   

            $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);               
                $newimagefield .= "<figure class = '" . $imagenumber . "  ". $justify . " " . $size . "' >";     

                $newimagefield .= "<img src = '" .  $src .  " '   alt = '" . $alt . "' />"; 
                $newimagefield .= "<figcaption>" . $caption . "</figcaption>";
                $newimagefield .= "</figure>"; 
                $newitem = $newimagefield . $remaining; 
            }
            else {
                $newimagefield .= "<img src = '" .  $src .  " '   alt = '" . $alt . "'  class = '" . $imagenumber . " ".  $justify . " " . $size . "'  />";                
                $newitem = $newimagefield . $remaining; 
            }
        }
        $newstring1 = $newstring1 .  $newitem; 
    }    
    $newstring = $newstring1;  
}
?>
 convert-markdown-inline.php ▾
<?php


//Convert bold and italic at at start of line   
if (strpos ($newstring, "***", 0) !== false) {
    $tag = 0;
    $newstring1 = "";
    $array1 = explode ("***", $newstring);  
    
    foreach ($array1 as  $item) {
        
        if ($tag === 0) {
            $newstring1  .= $item;
            $tag = 1;
            //echo "<br><br>" . htmlentities ($newstring1);
        }
        else {           
            $newstring1 .= "<b><i>" . $item . "</i></b>" ;             
            $tag = 0;
        }       
        
    } 
    $newstring = $newstring1;
    //echo "<br>" . htmlentities ($newstring);
}

 if (strpos ($newstring, "**", 0) !== false) {
     $tag = 0;
      $newstring1 = "";   
  
    $array2 = explode ("**", $newstring);  
    
    foreach ($array2 as  $item) {
       
        if ($tag === 0) {
            $newstring1  .= $item;
            $tag = 1;
            //echo "<br><br>" . htmlentities ($newstring1);
        }
        else {           
            $newstring1 .= "<b>" . $item . "</b>" ;             
            $tag = 0;
        }       
        
    } 
    $newstring = $newstring1;
   // echo "<br>" . htmlentities ($newstring); 
}

 if (strpos ($newstring, "*", 0) !== false) {
    
    $newstring1 = "";
    $tag = 0; 
   
  
    $array1 = explode ("*", $newstring);  
    
    foreach ($array1 as  $item) {
       
        if ($tag === 0) {
            $newstring1  .= $item;
            $tag = 1;
            //echo "<br><br>" . htmlentities ($newstring1);
        }
        else {           
            $newstring1 .= "<i>" . $item . "</i>" ;             
            $tag = 0;
        }       
        
    } 
    $newstring = $newstring1;
   // echo "<br>" . htmlentities ($newstring); 
}

?>
 convert-markdown-links.php ▾
<?php
if (strpos ($newstring, "[") !== false) { 
    $newstring1 = "";
    $array1 =  explode("[", $newstring);   
   
    foreach ($array1 as $id => $item) { 
        if ($id === 0  && substr ($item, 0, 1) !== '[') {           
            $newitem = $item;            
        }
        else  {
            $linkfield =  "";
            $pos1 = 0;
            $pos2 = strpos ($item, "]");
            $pos3 = strpos ($item, "(");
            $pos4 = strpos ($item, ")");
            $namelength = $pos2;
            $hreflength = $pos4 - $pos3;
            $name = substr ($item, 0 , $namelength);

            $href = substr ($item, $pos3+1, $hreflength -1);
            $linkfield = "<a href = '"  . $href . "'>" . $name . "</a>"; 
            $newitem = $linkfield . substr ($item, $pos4+1);
        }
        $newstring1 = $newstring1 . $newitem;
    }
    $newstring = $newstring1;
 }

?>
 convert-markdown-paragraphs.php ▾
<?php

//remove extra br tags at beginning and end


$array1 = explode ("<br>", $newstring);

$newarray = array();;
$breakcount = 0;
$ptag = 'closed';

foreach ($array1 as $id => $item) {
   
   //Ignore all non-paragraph items
   if  (substr ($item, 0, 1) === '<' && 
        substr ($item, 0, 3) !== "<i>" && 
        substr ($item, 0, 3) !== "<b>" &&
        substr ($item, 0, 5) !== "<span" &&  
        substr ($item, 0, 3) !== "<a>") {
        
        if ($ptag === 'open') {
             array_push ($newarray, "</p>" . $item);
             $ptag = 'closed';
        }
        else {           
             array_push ($newarray,   $item  );
        }
    }
   //Item contains paragraph text
   else if ($item !== "" ) { 
        if ($ptag === 'closed'   ) {
            if (strpos ($item, '[VIDEO][') || strpos ($item, '![')) { 
                array_push ($newarray,  $item); 
            }
            else {
                //Open paragraph 
                array_push ($newarray, "<p>" . $item);          
                $ptag = 'open';
            }
        }
        else {
            //paragraph 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 ($ptag === 'open') {
                array_push ($newarray , "</p>");
                $ptag = 'closed';
                $breakcount = 0;
            }
        }
    }
}
if ($ptag === 'open') {
    array_push ($newarray, "</p>");
}
//print_r ($newarray);    
$newstring = implode ("<br>", $newarray);  
    


?>
 convert-markdown-styles.php ▾
<?php
//Copyright (c) 2021, Susan V. Rodgers, Lila Avenue, LLC,  lilaavenue@gmail.com 
$newstring1 = "";   

if (strpos ($newstring, "[STYLE](" ) !== false) {
 
    $array1 = explode ("[STYLE](", $newstring);  
   
    foreach ($array1 as $id =>  $item) {     
        $item = trim ($item); 
       
        if ($id === 0  && substr ($item, 0, 8) !== '[STYLE](') {
          
            //beginning of string
            $newstring1 .= $item;       
        }   
        else {            
            $pos2 = strpos ($item, ")");                 
            $style = substr ($item, 0, $pos2);               
            $remaining = substr ($item, $pos2 + 1);           
            $newitem = "<div class = '" . $style . "'>" . $remaining; 
            $newstring1 .= $newitem; 
        }          
    }
    $newstring = $newstring1; 
    $newstring = str_replace ("[ENDSTYLE]", "</div>", $newstring);   
}

?>




 convert-markdown-ul.php ▾
<?php

$newstring1 = "";  

$open = false;
$array1 = explode ("<br>", $newstring);   

foreach ($array1 as $id => $item) {
     $item = trim ($item);
    
     if (substr ($item, 0, 2) === "- " || substr ($item, 0, 2) === "* " ) {
        
         //List item
        if ($open === false) {
            //first list item
            $newstring1 .=  "<br><ul>";
            $open = true;                
        }
        //Markdown character starts the line
        $newstring1 .=  "<li>" . substr ($item, 2) .  "</li>";        
    }
    //not list item
    else if ($open === true) {  
       
        $newstring1 .=  "</ul><br>" .  $item;
        $open = false; 
    }
    else {       
         $newstring1 .= $item . "<br>";
       
    }
    
}
if ($open === true) {
    $newstring1 .=  "</ul><br>";
    $open = false;
}
$newstring = $newstring1  ;
 ?>
   
 convert-markdown-videos.php ▾
<?php
//Copyright (c) 2021, Susan V. Rodgers, Lila Avenue, LLC,  lilaavenue@gmail.com 
$newstring1 = "";   
$videocount = 0;
if (strpos ($newstring, '[VIDEO][') !== false) {
   
    $array1 = explode ("[VIDEO][", $newstring);

    
    foreach ($array1 as $x =>  $item) {
      
        $item = trim ($item);   
        if ($x === 0  && substr ($item, 0, 8) !== '[VIDEO][') {
       
            //beginning of string
            $newitem = $item;       
        }   
        else {

            $newvideofield =  "";
            $lastpos = 0;
            $pos1 = 0;
            $pos2 = strpos ($item, "]");
            $pos3 = strpos ($item, "(");
            $pos4 = strpos ($item, ")");
            //echo "HERE" . $pos1 . " " . $pos2 . " " . $pos3  . "  " . $pos4;

            $imglength = $pos2;
            $srclength = $pos4 - $pos3;

            $img = substr ($item, $pos1 , $imglength);         
            $src = substr ($item, $pos3+1, $srclength-1); 
            $id = $textid . "-" . $x;
           
            $caption = "";
            $pos5 = strpos ($item, '%%');            
            $pos6 = strpos ($item, '/%%');

            if ($pos5  && $pos6 ) {
               $captionlength = $pos6 - $pos5 - 2;
                $caption = substr ($item, $pos5 + 2, $captionlength);
              
                $item = str_replace ($caption,"", $item);  
                $item = str_replace ("/%%", "", $item);
                $item = str_replace ("%%", "", $item);
                 
              
                $newvideofield .= "<div id = '" . $id . "-container' class = 'container'> ";
                $newvideofield .= "<button id = '". $id . "' onclick = 'replaceIframePlaceholder(this.id)'>";            
                $newvideofield .= "<img class = 'video-image'  src = '"  . $img . "'  alt = 'video-" . $id . "'/>";
                $newvideofield .= "</button>";
                $newvideofield .= "<div id = '" . $id . "-src'  class = 'hidden'>" .  $src . "</div>"; 
                $newvideofield .= "<div id = '" . $id . "-caption'  class = 'hidden'>" .  $caption . "</div>";   
                $newvideofield .= "<div class = 'video-caption-bottom'  id = '" . $id . "-caption'  >" .  $caption . "</div>";
                $newvideofield .= "</div>";
            }
            else { 
                /*
                 $newvideofield .= "<div id = '" . $id . "-container'  >";
                 $newvideofield .= "<a href = '" . $src . "' target = '_blank' >";
                 $newvideofield .= "<img class = 'video-image'  src = '"  . $img . "'  alt = 'video-" . $id . "'/> ";
                 $newvideofield .= "</a>";
                 $newvideofield .= "</div>";
                */
               
                $newvideofield .= "<div id = '" . $id . "-container' class = 'container' >";
                $newvideofield .= "<button id = '". $id . "' onclick = 'replaceIframePlaceholder(this.id)'>";  
                $newvideofield .= "<img class = 'video-image'  src = '"  . $img . "'  alt = 'video-" . $id . "'/> ";
                $newvideofield .= "</button>";
                $newvideofield .= "<div id = '" . $id . "-src'  class = 'hidden'>" .  $src . "</div>";
                $newvideofield .= "</div>";
               
            }            
            $newitem = $newvideofield . substr ($item, $pos4 + 1);             
        }           

        $newstring1.=  $newitem; 
    }
    $newstring = $newstring1; 
}




 convert-markdown.php ▾
<?php

function convertMD ($text, $textid) {    
   
    $text = trim ($text);
  
    $newstring = str_replace ("\n", "<br>", $text);

    include ("markdown/convert-markdown-headers.php");   
    include ("markdown/convert-markdown-divs.php");   
    
    $newstring = str_replace ("\*", "[ESCAPEASTERIX]", $newstring);
    $newstring = str_replace ("\-", "[ESCAPEDASH]", $newstring);  
  
    include ("markdown/convert-markdown-ul.php");   
    include ("markdown/convert-markdown-inline.php"); 
    
    $newstring = str_replace ("[ESCAPEASTERIX]", "*", $newstring);
    $newstring = str_replace ("[ESCAPEDASH]", "-", $newstring);
    
    include ("markdown/convert-markdown-styles.php"); 
    include ("markdown/convert-markdown-colors.php");       
    include ("markdown/convert-markdown-videos.php");
    include ("markdown/convert-markdown-images.php");   
    include ("markdown/convert-markdown-blanklines.php");    
    include ("markdown/convert-markdown-paragraphs.php"); 
    
    $newstring = str_replace ("<br>", "", $newstring); 
    $newstring = str_replace ("[BLANKLINE]", "<br>", $newstring);
    include ("markdown/convert-markdown-links.php");
    //include ("markdown/convert-markdown-links.php");    
    include ("markdown/validate-HTML.php");


    return $newstring;
}

?>
 markdown-instructions.php ▾
<div class = 'markdown-instructions'>
    <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>*<i>Italics</i>*
        <br>**<b>Bold</b>**           
        <br> ***<i><b>Bold Italics</b></i>***
        <br><br>
        <b>Bullet List</b><br>
        * item (single asterisk followed by a space)
        <br><br>
        <b>Bullet List</b><br>
        - item (single dash followed by a space)
        <br><br>

        Note:  To show an asterisk or dash in the text, use '\*'  or '\-'<br><br>


        <b>Images:</b>
        <br> ![image description ] (imagefile )
       <br><br>
        <b>Link</b> 
        <br>[link name] (link url)

        <br><br>
        <b>Image Link</b><br>
        [![image description](imagefilename)](link url )   
        <br><br>
    </div><div class = 'half-column-2'>
        <h2>Shortcodes</h2>
        <b>Image sizes and justification</b>
        <br> ![image description ] (imagefile RIGHT )<b></b>
        <br> ![image description ] (imagefile LEFT  )<b></b>
        <br> ![image description ] (imagefile LEFT SMALL )<b></b>
            <br><br>
        <b>Image sizes:</b><br>
        XSMALL: 100px, SMALL: 180px, MEDUIM: 300px, LARGE: 450px, XLARGE: 700px
        <br><br>
         <b>Image with Caption:</b>     
         <br> ![image description](imagefile)%%This is a caption/%%
        <br><br>
        <b>Video iframe</b>
        <br>[VIDEO][video placeholder image](video link)
        <br><br>
        <b>Quote</b>
        <br>[QUOTE]Quoted text[ENDQUOTE] 
        <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 ▾
<?php

$error = false;
$openbracketcount = substr_count($newstring,"<", 0);
$closingbracketcount = substr_count ($newstring, ">", 0);
//Checi for scripts

$tagarray = array();

$voidtags = array ("img", "br", "input", "hr",  "col");
$tag = "";
$array1 = explode ("<", $newstring);

foreach ($array1 as $item) {
    $item = trim($item);
    //echo "<br>" . $item;
    if ($item !== "") {

        //Retrieve tag fromo string
        $pos1 = strpos ($item, ">");
        $tag = substr ($item, 0, $pos1);
        $pos2 = strpos ($item, " ");
        if ($pos2 !== false) {
            $tag = substr ($tag, 0, $pos2);
        }

        if (! in_array ($tag, $voidtags)) {  
            array_push ($tagarray, $tag); 
        }
    }
}  

$opentagarray = array();
$previd = 0;
//  print_r ($tagarray);
foreach ($tagarray as $item2) {      
   $item2 = trim ($item2);       
   if (strpos ($item2, "/") === false) {
       array_push ($opentagarray, $item2);
      // echo "<br>OPEN:" . $item2;
   }
   else { 
       $tag = str_replace ("/", "", $item2);          
       if ($tag === end($opentagarray)) {   
          //echo "<br>END: " . $item2;
          array_pop ($opentagarray);
       }
       else {   
          // echo "TAG: " .$tag ;
           $error = true;               
       }
   }
}
if (count ($opentagarray) > 0) {
  
    $error = true;
}

if ($error === true ) {
    
    echo "<div style = 'background-color: white; color: red; padding: 20px; font-size: 18px;'>Invalid Syntax </div>";
}
?>
Lila Avenue

Website Serivces

Lila Avenue

Website Serivces

Files and folders for this application

markdown
