Jingga/oms-Editor
1
0
Fork 0
mirror of https://github.com/Karaka-Management/oms-Editor.git synced 2026-01-22 06:18:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Automatically update preview on change

Browse Source
This commit is contained in:
Dennis Eichhorn 2019-08-14 19:06:43 +02:00
parent 1171a258ad
commit ab22f304df
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
Models/Editor.js
View File

@ -6,25 +6,28 @@ export class Editor {
this.id = id;
this.editor = document.getElementById(id);
this.markdown = new Markdown.Converter({extensions: [], sanitize: true});
this.editorContent = null;
};
bind ()
{
const editorButtons = document.querySelectorAll('#' + this.id + '-tools .editor-button'),
editorContent = this.editor.getElementsByTagName('textarea')[0],
editorPreview = this.editor.getElementsByTagName('article')[0],
length = editorButtons.length,
self = this;
for(let i = 0; i < length; ++i) {
this.editorContent = this.editor.getElementsByTagName('textarea')[0];
for (let i = 0; i < length; ++i) {
editorButtons[i].addEventListener('click', function(event) {
// todo: identify button by class and then call function for this class.
self.toolsButton(this, event);
jsOMS.triggerEvent(self.editorContent, 'input');
});
}
editorContent.addEventListener('change', function() {
editorPreview.innerHTML = self.markdown.makeHtml(editorContent.value);
this.editorContent.addEventListener('input', function() {
editorPreview.innerHTML = self.markdown.makeHtml(self.editorContent.value);
})
};