internationalized-HTML5-converter_fix1.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 http://www.w3schools.com/cssref/
-->
<p style="text-align: center;"><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;?>" style="text-align: center;">
<textarea rows="10" cols="50" name="quote" wrap="physical" style="text-align: center;">Enter your input code here!</textarea><br />
Select the HTML's/CSS's language input-output type:<br />
<select name="transformation" style="text-align: center;">
<option value="BGEN">BG → EN</option>
<option value="ENBG">EN → BG</option>
</select><br />
<input type="submit" value="submit" name="submit" style="text-align: center;">
</form>
<p style="text-align: center;">Your output code goes here! Just copy and paste into Notepad and save it as an UTF-8-encoded *.html<p>
<textarea rows="10" cols="50" name="result" wrap="physical" style="text-align: center;">

<?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',
);
if ($_POST["transformation"] == "BGEN") {
$result = str_replace(
  array_keys($searchReplaceArray),
  array_values($searchReplaceArray),
  $quote
);
} else {
$result = str_replace(
  array_values($searchReplaceArray),
  array_keys($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>