internationalized-HTML5-converter.html

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Internationalized HTML(5) converter (write HTML(5) in your own native language and output it automagically into proper English code!</title>
</head>
<body>
<!--
This code is made possible by:
1. PHP code copied from http://stackoverflow.com/questions/535143/search-and-replace-multiple-values-with-multiple-different-values-in-php5
2. Some code copied from http://stackoverflow.com/questions/7711466/checking-if-form-has-been-submitted-php
3. http://bg2.php.net/str_replace
4. Help from a friend who knows PHP.
5. The HTML tags are acquired from http://www.w3schools.com/tags/default.asp
6. The CSS tags are acquired from
-->
<p><strong>Internationalized HTML(5) converter (write HTML(5) in your own native language and output it automagically into proper English code!</strong></p>
<form method="post" action="<?php echo $PHP_SELF;?>">
<textarea rows="10" cols="50" name="quote" wrap="physical">Enter your input code here!</textarea><br />
Select the HTML's/CSS's language input-output type:<br />
<select name="transformation">
<option value="BG->EN">BG → EN</option>
<option value="EN->BG">EN → BG</option>
</select><br />
<input type="submit" value="submit" name="submit">
</form>
<p>Your output code goes here! Just copy and paste into Notepad and save it as *.html<p>
<textarea rows="10" cols="50" name="result" wrap="physical">

<?php

if (!empty($_POST))
{
$quote = $_POST["quote"];
$searchReplaceArray = array(
  '<!ТИПНАДОК емхт>' => '<!DOCTYPE html>',
  '<емхт>' => '<html>',
  '</емхт>' => '</html>',
  '<к хпре=' => '<a href=',
  '</к>' => '</a>',
  '<абр>' => '<abbr>',
  '<акроним заглавие=' => '<acronym title=',
  '</акроним>' => '</acronym>',
  '<адрес>' => '<address>',
  '</адрес>' => '</address>',
  '<абр заглавие=' => '<abbr title=',
  '</абр>' => '</abbr>',
  '<аплет код="' => '<applet code="',
  '</аплет>' => '</applet>',
  ' ширина="' => ' width="'
  ' височина="' => ' height="'
  '<зона очертание=">' => ' <area shape=">',
  '</зона>' => '</area>',
  ' координати="' => ' coords="',
  ' хпреп="' => ' href="',
  ' алт="' => ' alt="',
  '<статия>' => '<article>',
  '</статия>' => '</article>',
  '<настрана>' => '<aside>',
  '</настрана>' => '</aside>',
  '<аудио>' => '<audio>',
  '</аудио>' => '</audio>',
  ' контроли ' => ' controls ',
  '<източник изт="' => '<source src="',
  '</източник>' => '</source>',
  ' затворена верига ' => ' loop ',
  ' заглушаване ' => ' muted ',
  'предзареждане="' => 'preload="',
  'изт="' => 'src="',
  '<пч>' => '<b>',
  '</пч>' => '</b>',
  '<основа ' => '<base ',
  '</основа>' => '</base>',
  ' цел="' => ' target="',
  '<основеншрифт ' => '<basefont ',
  '</основеншрифт>' => '</basefont>',
  ' цвят="' => ' color="',
  ' начертание="' => ' face="',
  ' размер="' => ' size="',
  '<дпи>' => '<bdi>',
  '</дпи>' => '</bdi>',
  '<дпп посока="' => '<bdo dir="',
  '</дпп>' => '</bdo>',
  '<голям>' => '<big>',
  '</голям>' => '</big>',
  '<блокцитат>' => '<blockquote>',
  '<блокцитат цитиране=' => '<blockquote cite="',
  '</блокцитат>' => '</blockquote>',
  '<тяло>' => '<body>',
  '</тяло>' => '</body>',
  ' авръзка="' => ' alink="',
  ' фон="' => ' background="',
  ' фоновцвят="' => ' bgcolor="',
  ' връзка="' => ' link="',
  ' текст="' => ' text="',
  ' пвръзка="' => ' vlink="',
  '<чл>' => '<br>',
  '<чл />' => '<br />',
  '<чл/>' => '<br/>',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
  'blarh' => 'blerh',
);
$result = str_replace(
  array_keys($searchReplaceArray),
  array_values($searchReplaceArray),
  $quote
);

 echo $result;

}
?>
</textarea>

<p>
<code>
<button> 	Defines a clickable button
<canvas> 	Used to draw graphics, on the fly, via scripting (usually JavaScript)
<caption> 	Defines a table caption
<center> 	Not supported in HTML5. Use CSS instead. Defines centered text
<cite> 	Defines the title of a work
<code> 	Defines a piece of computer code
<col> 	Specifies column properties for each column within a <colgroup> element
<colgroup> 	Specifies a group of one or more columns in a table for formatting
<datalist> 	Specifies a list of pre-defined options for input controls
<dd> 	Defines a description/value of a term in a description list
<del> 	Defines text that has been deleted from a document
<details> 	Defines additional details that the user can view or hide
<dfn> 	Defines a definition term
<dialog> 	Defines a dialog box or window
<dir> 	Not supported in HTML5. Use <ul> instead.
Defines a directory list
<div> 	Defines a section in a document
<dl> 	Defines a description list
<dt> 	Defines a term/name in a description list
<em> 	Defines emphasized text
<embed> 	Defines a container for an external (non-HTML) application
<fieldset> 	Groups related elements in a form
<figcaption> 	Defines a caption for a <figure> element
<figure> 	Specifies self-contained content
<font> 	Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
<footer> 	Defines a footer for a document or section
<form> 	Defines an HTML form for user input
<frame> 	Not supported in HTML5.
Defines a window (a frame) in a frameset
<frameset> 	Not supported in HTML5.
Defines a set of frames
<h1> to <h6> 	Defines HTML headings
<head> 	Defines information about the document
<header> 	Defines a header for a document or section
<hr> 	Defines a thematic change in the content
<html> 	Defines the root of an HTML document
<i> 	Defines a part of text in an alternate voice or mood
<iframe> 	Defines an inline frame
<img> 	Defines an image
<input> 	Defines an input control
<ins> 	Defines a text that has been inserted into a document
<kbd> 	Defines keyboard input
<keygen> 	Defines a key-pair generator field (for forms)
<label> 	Defines a label for an <input> element
<legend> 	Defines a caption for a <fieldset> element
<li> 	Defines a list item
<link> 	Defines the relationship between a document and an external resource (most used to link to style sheets)
<main> 	Specifies the main content of a document
<map> 	Defines a client-side image-map
<mark> 	Defines marked/highlighted text
<menu> 	Defines a list/menu of commands
<menuitem> 	Defines a command/menu item that the user can invoke from a popup menu
<meta> 	Defines metadata about an HTML document
<meter> 	Defines a scalar measurement within a known range (a gauge)
<nav> 	Defines navigation links
<noframes> 	Not supported in HTML5.
Defines an alternate content for users that do not support frames
<noscript> 	Defines an alternate content for users that do not support client-side scripts
<object> 	Defines an embedded object
<ol> 	Defines an ordered list
<optgroup> 	Defines a group of related options in a drop-down list
<option> 	Defines an option in a drop-down list
<output> 	Defines the result of a calculation
<p> 	Defines a paragraph
<param> 	Defines a parameter for an object
<pre> 	Defines preformatted text
<progress> 	Represents the progress of a task
<q> 	Defines a short quotation
<rp> 	Defines what to show in browsers that do not support ruby annotations
<rt> 	Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> 	Defines a ruby annotation (for East Asian typography)
<s> 	Defines text that is no longer correct
<samp> 	Defines sample output from a computer program
<script> 	Defines a client-side script
<section> 	Defines a section in a document
<select> 	Defines a drop-down list
<small> 	Defines smaller text
<source> 	Defines multiple media resources for media elements (<video> and <audio>)
<span> 	Defines a section in a document
<strike> 	Not supported in HTML5. Use <del> instead.
Defines strikethrough text
<strong> 	Defines important text
<style> 	Defines style information for a document
<sub> 	Defines subscripted text
<summary> 	Defines a visible heading for a <details> element
<sup> 	Defines superscripted text
<table> 	Defines a table
<tbody> 	Groups the body content in a table
<td> 	Defines a cell in a table
<textarea> 	Defines a multiline input control (text area)
<tfoot> 	Groups the footer content in a table
<th> 	Defines a header cell in a table
<thead> 	Groups the header content in a table
<time> 	Defines a date/time
<title> 	Defines a title for the document
<tr> 	Defines a row in a table
<track> 	Defines text tracks for media elements (<video> and <audio>)
<tt> 	Not supported in HTML5. Use CSS instead.
Defines teletype text
<u> 	Defines text that should be stylistically different from normal text
<ul> 	Defines an unordered list
<var> 	Defines a variable
<video> 	Defines a video or movie
<wbr> 	Defines a possible line-break
</code>
</p>

<p>For comments and suggestions, please write to <a href="mailto:[email protected]">[email protected]</a>.<br/>
The GitHub page of this script is <a href="http://github.com/sahwar/">http://github.com/sahwar/</a></p>
</body>
</html>