Added an Alert text style; Updated rich text editor to reorganize buttons and add text alignment options.

views/basic.html

@@ -0,0 +1,28 @@
+{% extends "layout.html" %}
+
+{% block main %}
+<div class="container" style="margin-top: 3rem">
+	{{ apos.area(data.page, "body", {
+	widgets: {
+		'apostrophe-images': {size: 'original'},
+		'apostrophe-rich-text': {
+			toolbar: ['Styles', 'Bold', 'Italic', 'Strike', 'Subscript', 'Superscript', 'Split', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', '-', 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'Link', 'Unlink', 'Anchor', 'Table'],
+			styles: [
+				{name: 'Paragraph', element: 'p', attributes: {class: "p"} },
+				{name: 'Topic Paragraph', element: 'p', attributes: {class: "indent"} },
+				{name: 'Heading 2', element: 'h2', attributes: {class: "h2"} },
+				{name: 'Heading 3', element: 'h3', attributes: {class: "h3"} },
+				{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
+				{name: 'Date', element: 'div', attributes: {class: "date"} },
+				{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
+				{name: 'Alert', element: 'div', attributes: {class: "alert"} }
+			]
+		},
+		'apostrophe-files': {},
+		'two-column': {},
+		'two-column-1-2': {},
+		'two-column-2-1': {},
+		'centered-half-width-column': {}
+	} } ) }}
+</div>
+{% endblock %}