jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add editor.html Font-Size selection

Browse source
This commit is contained in:
Julian Viereck 2011-01-28 19:17:04 +08:00 • committed by Fabian Jakobs
commit fa7bfdeb10
2 changed files with 30 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

4
demo/startup.js
View file

@ -166,6 +166,10 @@ exports.launch = function(env) {
env.editor.setKeyboardHandler(keybindings[value]);
});
bindDropdown("fontsize", function(value) {
document.getElementById("editor").style["font-size"] = value;
});
bindCheckbox("select_style", function(checked) {
env.editor.setSelectionStyle(checked ? "line" : "text");
});

39
editor.html
View file

@ -11,7 +11,7 @@
<body>
<table id="controls">
<tr>
<td rowspan="2">
<td align="right">
<label for="doc">Document:</label>
<select id="doc" size="1">
<option value="js">JS Document</option>
@ -22,18 +22,6 @@
<option value="plain">Text Document</option>
</select>
</td>
<td rowspan="2">
<label for="mode">Mode:</label>
<select id="mode" size="1">
<option value="text">Plain Text</option>
<option value="javascript">JavaScript</option>
<option value="xml">XML</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="python">Python</option>
<option value="php">PHP</option>
</select>
</td>
<td align="right">
<label for="theme">Theme:</label>
<select id="theme" size="1">
@ -45,6 +33,18 @@
<option value="ace/theme/twilight">Twilight</option>
</select>
</td>
<td align="right">
<label for="fontsize">Font Size:</label>
<select id="fontsize" size="1">
<option value="10px">10px</option>
<option value="11px">11px</option>
<option value="12px" selected="selected">12px</option>
<option value="14px">14px</option>
<option value="16px">16px</option>
<option value="20px">20px</option>
<option value="24px">24px</option>
</select>
</td>
<td align="right">
<label for="select_style">Full Line Selection</label>
<input type="checkbox" name="select_style" id="select_style" checked>
@ -62,6 +62,19 @@
</td>
</tr>
<tr>
<td align="right">
<label for="mode">Mode:</label>
<select id="mode" size="1">
<option value="text">Plain Text</option>
<option value="javascript">JavaScript</option>
<option value="xml">XML</option>
<option value="html">HTML</option>
<option value="css">CSS</option>
<option value="python">Python</option>
<option value="php">PHP</option>
</select>
</td>
<td align="right">
<label for="keybinding">Key Binding:</label>
<select id="keybinding" size="1">