tomer/dabblet.html

## dabblet.html
<!doctype html>
<html>
  <head>
    <meta charset="UTF-8" />
    <style>
.bad  {direction: ltr; text-align: right; background-color: red;}
.good {direction: rtl; background-color: green;}
input {display:block; width: 80%; padding: 1em; margin: auto;}
.expected {unicode-bidi: plaintext;}
.expected2 {unicode-bidi: plaintext; text-align: right;}
</style>
</head>
  <body>
    <p>BAD:
      <input class="bad"  type="text" value="ניסיון!">
    <p>GOOD:
      <input class="good" type="text" value="ניסיון!">
    <p>EXPECTED:
      <input class="expected" type="text" value="ניסיון!">
    <p>EXPECTED2:
      <input class="expected2" type="text" value="ניסיון!">
  </body>
</html>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
	<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<style>
	.bad {direction: ltr; text-align: right; background-color: red;}
	.good {direction: rtl; background-color: green;}
	input {display:block; width: 80%; padding: 1em; margin: auto;}
	.expected {unicode-bidi: plaintext;}
	.expected2 {unicode-bidi: plaintext; text-align: right;}
	</style>
	</head>
	<body>
	<p>BAD:
	<input class="bad" type="text" value="ניסיון!">
	<p>GOOD:
	<input class="good" type="text" value="ניסיון!">
	<p>EXPECTED:
	<input class="expected" type="text" value="ניסיון!">
	<p>EXPECTED2:
	<input class="expected2" type="text" value="ניסיון!">
	</body>
	</html>