mirrors/Plume
1
0
Fork 0
mirror of https://git.joinplu.me/Plume/Plume.git synced 2024-10-02 00:01:57 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #178 from Ilphrin/151-bigger-editor

Browse source 
151 - Make the editor bigger and autosize it
This commit is contained in:
Baptiste Gelez 2018-08-31 15:52:51 +01:00 committed by GitHub
commit 06b311cb48
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
static/js/autoExpand.js Normal file
View file

@ -0,0 +1,14 @@
function autosize(){
const el = this;
el.style.height = 'auto';
el.style.height = (el.scrollHeight ) + 'px';
}
const articleContent = document.querySelector('#content');
let offset = 0;
let style = window.getComputedStyle(articleContent, null);
offset += parseInt(style['paddingTop']) + parseInt(style['paddingBottom']);
autosize.bind(articleContent)();
articleContent.addEventListener('keyup', autosize);

3
static/main.css
View file

@ -422,6 +422,9 @@ form.new-post .title {
}
form.new-post textarea {
min-height: 20em;
overflow-y: hidden;
resize: none;
box-sizing: content-box;
}
form.new-post input[type="submit"] {
background: #ECECEC;

3
templates/posts/new.html.tera
View file

@ -17,11 +17,12 @@
{% endif %}
<label for="content">{{ "Content" | _ }}<small>{{ "Markdown is supported" | _ }}</small></label>
<textarea id="content" name="content" value="{{ form.content | default(value="") }}"></textarea>
<textarea id="content" name="content" value="{{ form.content | default(value="") }}" rows="20"></textarea>
{% set license_infos = "Default license will be {{ instance.default_license }}" | _(instance=instance) %}
{{ macros::input(name="license", label="License", errors=errors, form=form, optional=true, details=license_infos) }}
<input type="submit" value="{{ "Publish" | _ }}" />
</form>
<script src="/static/js/autoExpand.js"></script>
{% endblock content %}