2023-04-18 17:20:02 -04:00
|
|
|
import {Component} from './component';
|
2019-08-11 15:04:43 -04:00
|
|
|
|
2022-11-16 08:04:22 -05:00
|
|
|
export class WysiwygEditor extends Component {
|
2017-09-23 07:24:06 -04:00
|
|
|
|
2020-07-05 16:18:17 -04:00
|
|
|
setup() {
|
|
|
|
this.elem = this.$el;
|
2024-07-01 05:44:23 -04:00
|
|
|
this.editContainer = this.$refs.editContainer;
|
|
|
|
this.editContent = this.$refs.editContent;
|
2020-07-05 16:18:17 -04:00
|
|
|
|
2024-05-27 10:39:41 -04:00
|
|
|
window.importVersioned('wysiwyg').then(wysiwyg => {
|
2024-07-01 05:44:23 -04:00
|
|
|
const editorContent = this.editContent.textContent;
|
|
|
|
wysiwyg.createPageEditorInstance(this.editContainer, editorContent);
|
2023-02-23 07:30:27 -05:00
|
|
|
});
|
2018-04-01 08:21:11 -04:00
|
|
|
}
|
|
|
|
|
2022-02-05 18:15:58 -05:00
|
|
|
getDrawIoUrl() {
|
2020-04-05 12:27:16 -04:00
|
|
|
const drawioUrlElem = document.querySelector('[drawio-url]');
|
|
|
|
if (drawioUrlElem) {
|
2022-02-05 18:15:58 -05:00
|
|
|
return drawioUrlElem.getAttribute('drawio-url');
|
2018-04-01 08:21:11 -04:00
|
|
|
}
|
2022-02-05 18:15:58 -05:00
|
|
|
return '';
|
2017-09-23 07:24:06 -04:00
|
|
|
}
|
|
|
|
|
2023-02-23 07:30:27 -05:00
|
|
|
/**
|
|
|
|
* Get the content of this editor.
|
|
|
|
* Used by the parent page editor component.
|
|
|
|
* @return {{html: String}}
|
|
|
|
*/
|
|
|
|
getContent() {
|
2024-05-27 15:23:45 -04:00
|
|
|
// TODO - Update
|
2023-02-23 07:30:27 -05:00
|
|
|
return {
|
2023-04-18 17:20:02 -04:00
|
|
|
html: this.editor.getContent(),
|
2023-02-23 07:30:27 -05:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2023-04-18 17:20:02 -04:00
|
|
|
}
|