mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-11-27 19:06:23 +08:00
ef211a76ae
- Created new translation file for editor view. - Added simple logic to format for tinymce. - Aligned some of the custom labels we were using.
41 lines
1.3 KiB
JavaScript
41 lines
1.3 KiB
JavaScript
import {build as buildEditorConfig} from "../wysiwyg/config";
|
|
|
|
class WysiwygEditor {
|
|
|
|
setup() {
|
|
this.elem = this.$el;
|
|
|
|
this.pageId = this.$opts.pageId;
|
|
this.textDirection = this.$opts.textDirection;
|
|
this.isDarkMode = document.documentElement.classList.contains('dark-mode');
|
|
|
|
this.tinyMceConfig = buildEditorConfig({
|
|
language: this.$opts.language,
|
|
containerElement: this.elem,
|
|
darkMode: this.isDarkMode,
|
|
textDirection: this.textDirection,
|
|
drawioUrl: this.getDrawIoUrl(),
|
|
pageId: Number(this.pageId),
|
|
translations: {
|
|
imageUploadErrorText: this.$opts.imageUploadErrorText,
|
|
serverUploadLimitText: this.$opts.serverUploadLimitText,
|
|
},
|
|
translationMap: window.editor_translations,
|
|
});
|
|
|
|
window.$events.emitPublic(this.elem, 'editor-tinymce::pre-init', {config: this.tinyMceConfig});
|
|
window.tinymce.init(this.tinyMceConfig);
|
|
}
|
|
|
|
getDrawIoUrl() {
|
|
const drawioUrlElem = document.querySelector('[drawio-url]');
|
|
if (drawioUrlElem) {
|
|
return drawioUrlElem.getAttribute('drawio-url');
|
|
}
|
|
return '';
|
|
}
|
|
|
|
}
|
|
|
|
export default WysiwygEditor;
|