Skip to content

Commit

Permalink
Made vertical text a section
Browse files Browse the repository at this point in the history
I took it to the logical conclusion and just made a small section about
vertical text at the end. It makes the document more attractive.
  • Loading branch information
aphillips committed Aug 26, 2023
1 parent 9bcf172 commit af23218
Showing 1 changed file with 8 additions and 37 deletions.
45 changes: 8 additions & 37 deletions questions/qa-backwards-deletion.en.html
Original file line number Diff line number Diff line change
Expand Up @@ -171,15 +171,6 @@ <h3 id="forwards_deletion">Deleting ("forwards deletion")</h3>
<p><img src="./qa-backwards-deletion-data/forward-deletion.png"></p>

<p><dfn>Forwards deletion</dfn> deletes text that is logically <em>after</em> the cursor (that is, in the opposite direction to the backspace key). Forwards deletion is often associated with the "delete" key present on some keyboards. (In this article we'll refer to this as "delete" or "deleting".)</p>

<div class="note" style="clear:none; margin-top: 2em; line-height:1.5;">
<p>Although this article does not discuss vertical text in depth, text selection, cursoring, deleting, and backspacing work in a similar way to horizontal text. In vertical text, "up" is generally preceding the current cursor position logically, while "down" is generally following.</p>

<!-- Chinese text is from the zh-Hans "What is Unicode?" page -->
<h4>Try it in your browser</h4>
<p><textarea cols=16 rows=5 style="writing-mode: vertical-rl; text-orientation: upright;" id="tryVertical" name="tryVertical" lang="zh-Hans" class="try" value="在创造Unicode之前,有数百种指定这些数字的编码系统。">在创造Unicode之前,有数百种指定这些数字的编码系统。</textarea>
<button type="button" onclick="reset('tryVertical', '在创造Unicode之前,有数百种指定这些数字的编码系统。')" class="reset">Reset</button></p>
</div>
</section>
</section>

Expand Down Expand Up @@ -358,36 +349,16 @@ <h4>Try it in your browser</h4>

</section>

<!--
<section>
<div style="width:80%; background: #dfdfdf; border: 1px solid black">
<h4>Try it yourself!</h4>
<p>Each of the examples given above can be used to explore cursoring and deletion on your browser.</p>
<form action="qa-backwards-deletion.en.html" method="get" id="form" name="form">
<p>
<select id="deletionExamples" name="deletionExamples" onchange="updateFromSelect()" onload="updateFromSelect()">
<option id="value" name="hindi" lang="hi">&#x92f;&#x942;&#x928;&#x93f;&#x915;&#x94b;&#x921;</option>
<option id="value" name="tamil" lang="ta">&#xb95;&#xbcb;</option>
<option id="value" name="thai" lang="th">&#xe04;&#xe37;&#xe2d;&#xe30;&#xe44&#xe23;</option>
<option id="value" name="korean" lang="ko">&#xac01; &#x1100;&#x1161;&#x11a8;</option>
<option id="value" name="latin" lang="en">&#x1fa; &#x41;&#x30a;&#x301;</option>
<option id="value" name="emoji" lang="en">&#x1f468;&#x200d;&#x1f469;&#x200d;&#x1f467;&#x200d;&#x1f467;</option>
<option id="value" name="conjunct" lang="hi">&#x915;&#x94d;&#x937;&#x93f;</option>
</select>
</p>
<p id="exampleExplainer"></p>
<p><input type="text" id="example" name="example" style="font-size:24pt">Explanation of example</p>
<input type=submit>
</form>
<h3>Vertical text</h3>

<p>Vertical text works in a similar way to horizontal text with regard to text selection, cursoring, deletion, and backspacing. As you might suspect, cursor keys on a keyboard in general move the cursor in the direction of the arrow on the key. This usually means that, in vertical text, "up" is generally preceding the current cursor position logically, while "down" is generally following, while "left" and "right" navigate between lines of text.</p>

<!-- Chinese text is from the zh-Hans "What is Unicode?" page -->
<h4>Try it in your browser</h4>
<p><textarea cols=16 rows=5 style="writing-mode: vertical-rl; text-orientation: upright;" id="tryVertical" name="tryVertical" lang="zh-Hans" class="try" value="在创造Unicode之前,有数百种指定这些数字的编码系统。">在创造Unicode之前,有数百种指定这些数字的编码系统。</textarea>
<button type="button" onclick="reset('tryVertical', '在创造Unicode之前,有数百种指定这些数字的编码系统。')" class="reset">Reset</button></p>
</section>
-->

</section>
<section>
Expand Down

0 comments on commit af23218

Please sign in to comment.