JSFiddle - React, Tailwind, and code Playground

HTML

<?php

Autoloadvalidator::AutolaodsValidator('admin');
Autoload::Autolaods('admin');

$AbstractObjectDB = new AbstractObjectDB(Config::DB_HOST, Config::DB_USER, Config::DB_PASSWORD, Config::DB_NAME, Config::DB_PREFIX, Config::DB_SYM_QUERY);
// $articles = $AbstractObjectDB->sel('articles', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, false, null);
$menu = $AbstractObjectDB->sel('menu', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, false, null);
$articles = $AbstractObjectDB->sel('articles', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, true, 5);
$text = $AbstractObjectDB->sel('text', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, false, null);
$address = $AbstractObjectDB->sel('address', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, false, null);
$weather = $AbstractObjectDB->sel('weather', array('*'), false, array('' => array('', '', ''), '' => array('', '', '')), false, null, false, false, null);
$UsefulFunctions = new UsefulFunctions();
/*Проверка */
// $AbstractObjectDB->ValidateInput('dsfsd', 'ValidateLogin');
// $AbstractObjectDB->ValidateInput(5, 'ValidateID');
/*Конец проверки*/
if (count(Validator::getErrors()) == 0) {
// $AbstractObjectDB->sel('menu', array('5', 'login'), true, array('id' => array('0', 'AND', '='), 'title' => array('admin', '', '=')), false, null, false, false, null);
}else{
    print '<script language="javascript">alert("'.LoadIniFile::LoadFile(Validator::getErrors(), 'admin').'");</script>';
}

?>


<!DOCTYPE html>
    <html><head><!--- desktop --><meta charset="utf-8"/><title></title><meta name="format-detection" content="telephone=no"><link rel="stylesheet" type="text/css"  href="https://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic"><link rel="stylesheet" type="text/css"...

CSS

html, body{margin: 0px 0px 0px 0px; width:  100%;}

#block {
    width: 173px;
    height: 20px;
    background: #795548;
    color: #fff;
    padding: 5px;
    letter-spacing: 1px;
}

#input{
    display:  none;
    padding: 5px;
    letter-spacing:  1px;
}

JavaScript

$('#block').click(function(e){
    if(e.target.tagName!=='HTML' && e.target.tagName!=='BODY'){
        $(this).hide();
        $('#input').show().focus();
    }
});
$('html,body').click(function(e){
    if(e.target.tagName=='HTML' || e.target.tagName=='BODY') {
        $('#input').hide();
        $('#block').show();
        $('#block').html($('#input').val());
    }
});