BIdirectional markdown/html converter

by Imri Paloja

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
<div class="container">

  <button onclick="Save()">Save</button>

  <br>

  <div class="row">

    <textarea id="inputPane" class="one-half column" onkeydown="Save()" onkeypress="Save()" onkeyup="Save()" onload="Save()">
# EuroCMS

Welp, I'm back.Welp, I'm back.

![This is an image](https://myoctocat.com/assets/images/base-octocat.svg)


Due to Corona I haven't been going out much lately, so, I decided to pick this project back up.

Instead of trying to get EuroCMS to an `alpha` worthy state, I will be pushing commits more often, and trying to finish things in increments.


 - List 1
 - List 2
 - List 3


## Status

**!! NOT READY FOR PRODUCTION !!**

Use at your own risk.

## Release Blocker

Login to admin panel does not work via http:// because of strict cookies, and such.

## Releases

This project will try to uphold quarterly releases.

Next releases will be a `pre-alpha` release.

Release schedule

| Month | Year | Version | Number | Name | DL |
| ----- | ----- | ----- | ----- | ----- | ----- |
| March | 2021 | Pre-alpha | 21.03 | Bugs Galore | [master](https://gitlab.com/blade1989/EuroCMS/-/blob/master/) |
| June | 2021 | Alpha | 21.06 | Bugs Some more | T.B.A. |
| September | 2021 | Beta | 21.09 | Bugs no more | T.B.A. |
| December | 2021 | Pre-stable | 21.12 | Frozen Stable | T.B.A. |
| March | 2022 | stable | 22.03 | The Almighty stable | T.B.A. |
| June | 2022 | stable | 22.06 | ... | T.B.A. |
| September | 2022 | stable | 22.09 | ... | T.B.A. |
| December | 2022 | stable | 22.12 | ... | T.B.A. |
| March | 2022 | stable | 23.03 | ... | T.B.A. |

After stable the plan...

CSS

html,
	body,
	* {
	  color: #454545;
	}

	.container {
	  margin-top: 1%;
	}

	#htmlPreview {
	  background: #F9F9F9;
	  border: 1px solid #CCCCCC;
	  padding: 20px 30px;
	}

	#inputPane {
	  height: auto;
	  min-height: 450px;
	  max-height: 100%;
	}


	img {
	  background: #EEEEEE;
	  border: 1px solid #CCCCCC;
	  display: block;
	  padding: 20px 30px;
	  margin-left: auto;
	  margin-right: auto;
	  width: 40%;
	}

JavaScript

function Save() {

  var converter = new showdown.Converter();
  var MarkDownContent = $('#inputPane').val();
  //HTMLContent		= document.getElementById("html").innerHTML;

  //showdown.setFlavor('github');
  converter.setFlavor('github');

  //ConvertedToMarkDown = converter.makeMarkdown(HTMLContent);
  ConvertedToHTML = converter.makeHtml(MarkDownContent);

  // Setting the Div content
  $("#htmlPreview").html(ConvertedToHTML);

}

window.onload  = function() {Save()};