mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-08-05 00:42:14 +03:00
Comments: Added input wysiwyg for creating/updating comments
Not supporting old content, existing HTML or updating yet.
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
import {Component} from './component';
|
||||
import {getLoading, htmlToDom} from '../services/dom';
|
||||
import {buildForInput} from "../wysiwyg/config";
|
||||
|
||||
export class PageComment extends Component {
|
||||
|
||||
@@ -11,7 +12,12 @@ export class PageComment extends Component {
|
||||
this.deletedText = this.$opts.deletedText;
|
||||
this.updatedText = this.$opts.updatedText;
|
||||
|
||||
// Element References
|
||||
// Editor reference and text options
|
||||
this.wysiwygEditor = null;
|
||||
this.wysiwygLanguage = this.$opts.wysiwygLanguage;
|
||||
this.wysiwygTextDirection = this.$opts.wysiwygTextDirection;
|
||||
|
||||
// Element references
|
||||
this.container = this.$el;
|
||||
this.contentContainer = this.$refs.contentContainer;
|
||||
this.form = this.$refs.form;
|
||||
@@ -50,8 +56,23 @@ export class PageComment extends Component {
|
||||
|
||||
startEdit() {
|
||||
this.toggleEditMode(true);
|
||||
const lineCount = this.$refs.input.value.split('\n').length;
|
||||
this.$refs.input.style.height = `${(lineCount * 20) + 40}px`;
|
||||
|
||||
if (this.wysiwygEditor) {
|
||||
return;
|
||||
}
|
||||
|
||||
const config = buildForInput({
|
||||
language: this.wysiwygLanguage,
|
||||
containerElement: this.input,
|
||||
darkMode: document.documentElement.classList.contains('dark-mode'),
|
||||
textDirection: this.wysiwygTextDirection,
|
||||
translations: {},
|
||||
translationMap: window.editor_translations,
|
||||
});
|
||||
|
||||
window.tinymce.init(config).then(editors => {
|
||||
this.wysiwygEditor = editors[0];
|
||||
});
|
||||
}
|
||||
|
||||
async update(event) {
|
||||
|
Reference in New Issue
Block a user