diff --git a/.jshintrc b/.jshintrc
index a03f740f3..0fba31969 100644
--- a/.jshintrc
+++ b/.jshintrc
@@ -43,6 +43,7 @@
// Exported by packages we use
"_": false,
"$": false,
+ "autosize": false,
"Router": false,
"SimpleSchema": false,
"getSlug": false,
diff --git a/bower.json b/bower.json
index deca1fda2..5577575b4 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,7 @@
{
"name": "LibreBoard",
"dependencies": {
+ "autosize": "3.0.6",
"perfect-scrollbar": "0.6.2"
},
"private": true
diff --git a/client/components/main/editor.jade b/client/components/main/editor.jade
new file mode 100644
index 000000000..cb01cdc1f
--- /dev/null
+++ b/client/components/main/editor.jade
@@ -0,0 +1,7 @@
+template(name="editor")
+ textarea.editor(
+ class="{{class}}"
+ id=id
+ autofocus=autofocus
+ placeholder="{{_ 'comment-placeholder'}}")
+ +Template.contentBlock
diff --git a/client/components/main/editor.js b/client/components/main/editor.js
index e1a90cb1f..68e278ee1 100644
--- a/client/components/main/editor.js
+++ b/client/components/main/editor.js
@@ -3,6 +3,8 @@ var dropdownMenuIsOpened = false;
Template.editor.onRendered(function() {
var $textarea = this.$('textarea');
+ autosize($textarea);
+
$textarea.textcomplete([
// Emojies
{
diff --git a/client/components/main/editor.styl b/client/components/main/editor.styl
new file mode 100644
index 000000000..1dc020471
--- /dev/null
+++ b/client/components/main/editor.styl
@@ -0,0 +1,2 @@
+textarea.editor
+ min-height: 100px
diff --git a/client/components/main/templates.html b/client/components/main/templates.html
index c252f1e48..876eb13ac 100644
--- a/client/components/main/templates.html
+++ b/client/components/main/templates.html
@@ -11,8 +11,7 @@
-
-
-
+
{{#markdown}}{{#emoji}}{{#mentions}}{{> UI.contentBlock }}{{/mentions}}{{/emoji}}{{/markdown}}