institucional-brasil/assets/libs/tinymce/tests/manual/accessibility5.html

42 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TinyMCE Accessibility Milestone 5</title>
<script src="../js/tinymce/tinymce.dev.js"></script>
</head>
<body>
<p>Milestone 5 includes the table dialogs.</p>
<form name="edit">
<p><label for="title">Title:</label> <input type="text" id="title" name="title"></p>
<p><label for="main">Main content:</label></p>
<textarea name="main" id="main" style="width: 100%; height: 400px;" aria-label="Main content rich text area">
<table><tbody><tr><th>Heading</th><th>More Heading</th></tr>
<tr><td>Value1</td><td>Value2</td></tr></tbody></table>
</textarea>
<script>
var milestone1 = {
// General options
mode : "exact",
elements : "main",
plugins : 'tabfocus,table',
tabfocus_elements: ':prev,:next',
object_resizing: false,
theme_advanced_buttons1 : "tablecontrols,|,undo,redo",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_name1 : "Command",
theme_advanced_toolbar_name2 : "Format",
theme_advanced_toolbar_align : "left",
theme_advanced_toolbar_location : "top"
};
tinymce.init(milestone1);
</script>
<p><label for="category">Category:</label> <input type="text" id="category" name="category" /></p>
</body>
</html>