entrouvert
/
godo.js
16
1
Fork 0
Code Issues Pull Requests 2 Releases Wiki Activity

coding style: use 2 spaces indent (#59588)

This commit is contained in:
Thomas Jund 2021-12-14 17:03:03 +01:00
parent a455827f73
commit f338157b51
1 changed files with 62 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
src-js/godo.js
View File

@ -10,77 +10,77 @@ import {basic_schema, headers_schema, full_schema} from "./godo-schemas.mjs";
import {Menu, blocks, marks} from "./godo-menus.mjs";
function menuPlugin(menu) {
return new Plugin({
view(editorView) {
let menuView = new Menu(menu, editorView);
editorView.dom.parentNode.insertBefore(menuView.el, editorView.dom);
return menuView;
}
});
return new Plugin({
view(editorView) {
let menuView = new Menu(menu, editorView);
editorView.dom.parentNode.insertBefore(menuView.el, editorView.dom);
return menuView;
}
});
}
export default class Godo {
constructor (textarea, options) {
this.textarea = textarea;
constructor (textarea, options) {
this.textarea = textarea;
this.schema = (() => {
switch(options.schema) {
case 'basic':
return basic_schema;
break;
case 'headers':
return headers_schema;
break;
case 'full':
default:
return full_schema
};
})();
this.schema = (() => {
switch(options.schema) {
case 'basic':
return basic_schema;
break;
case 'headers':
return headers_schema;
break;
case 'full':
default:
return full_schema
};
})();
this.editor_wrapper = document.createElement('div');
this.editor_wrapper.className = "godo";
textarea.insertAdjacentElement('afterend', this.editor_wrapper);
this.editor_wrapper = document.createElement('div');
this.editor_wrapper.className = "godo";
textarea.insertAdjacentElement('afterend', this.editor_wrapper);
this.marksMenu = menuPlugin(marks(this.schema));
this.blockMenu = menuPlugin(blocks(this.schema));
this.marksMenu = menuPlugin(marks(this.schema));
this.blockMenu = menuPlugin(blocks(this.schema));
this.state = EditorState.create({
schema: this.schema,
doc: DOMParser.fromSchema(this.schema).parse(this.get_textarea_content()),
plugins: [
history(),
keymap(baseKeymap),
keymap(buildKeymap(this.schema)),
this.marksMenu,
this.blockMenu
]
});
this.state = EditorState.create({
schema: this.schema,
doc: DOMParser.fromSchema(this.schema).parse(this.get_textarea_content()),
plugins: [
history(),
keymap(baseKeymap),
keymap(buildKeymap(this.schema)),
this.marksMenu,
this.blockMenu
]
});
this.view = new EditorView(this.editor_wrapper, {
state: this.state,
attributes: {
class: "godo--editor"
}
});
this.view = new EditorView(this.editor_wrapper, {
state: this.state,
attributes: {
class: "godo--editor"
}
});
this.textarea.form.addEventListener('submit', e => {
textarea.value = this.getHTML();
});
}
this.textarea.form.addEventListener('submit', e => {
textarea.value = this.getHTML();
});
}
get_textarea_content() {
const w = document.createElement('div');
w.innerHTML = this.textarea.value;
return w;
}
get_textarea_content() {
const w = document.createElement('div');
w.innerHTML = this.textarea.value;
return w;
}
getHTML() {
const div = document.createElement('div');
const fragment = DOMSerializer
.fromSchema(this.schema)
.serializeFragment(this.view.state.doc.content);
div.appendChild(fragment);
return div.innerHTML;
}
}
getHTML() {
const div = document.createElement('div');
const fragment = DOMSerializer
.fromSchema(this.schema)
.serializeFragment(this.view.state.doc.content);
div.appendChild(fragment);
return div.innerHTML;
}
}