Nazarbek Erkinov nazarbek7

CSS & JS Photo Editor

After learning about CSS Variables I spent the next few days seeing how many different ways I could affect an image and text with them, and so came this editor. Its no photoshop but I think it's pretty awesome!

A Pen by Nazarbek on CodePen.

License.

	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

	<body>

	<div class="container">
	<h2>Simple WYSIWYG</h2>
	<div class="editor-toolbar">
	<div class="dropdown">
	<button class="btn btn-default dropdown-toggle" type="button" id="headingMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
	Heading


	<div id="toolbar">
	<div id="title"> Rich-text Editor </div>
	<button id="bold" onclick="makeBold()"> Bold </button>
	<button id="italic" onclick="makeItalic()"> Italic </button>
	<button id="underline" onclick="doUnderline()"> Underline </button>

	<button onclick="justifyLeft()"> Justify Left </button>
	<button onclick="justifyCenter()"> Justify Center </button>
	<button onclick="justifyRight()"> Justify Right </button>

	<div class="editor-wrapper">
	<div id="editor" class="editor"></div>
	</div>