const wrapper = document.createElement('div');
elem.parentNode.insertBefore(wrapper, elem);
- const ev = createView({
+ const direction = innerCodeElem.getAttribute('dir') || elem.getAttribute('dir') || '';
+ if (direction) {
+ wrapper.setAttribute('dir', direction);
+ }
+
+ const ev = createView('content-code-block', {
parent: wrapper,
doc: content,
extensions: viewerExtensions(wrapper),
* @returns {SimpleEditorInterface}
*/
export function wysiwygView(cmContainer, shadowRoot, content, language) {
- const ev = createView({
+ const ev = createView('content-code-block', {
parent: cmContainer,
doc: content,
extensions: viewerExtensions(cmContainer),
doc: content,
extensions: [
...editorExtensions(elem.parentElement),
- EditorView.updateListener.of(v => {
- if (v.docChanged) {
- // textArea.value = v.state.doc.toString();
- }
- }),
],
};
// Create editor, hide original input
- const editor = new SimpleEditorInterface(createView(config));
+ const editor = new SimpleEditorInterface(createView('code-editor', config));
editor.setMode(modeSuggestion, content);
elem.style.display = 'none';
};
// Create editor view, hide original input
- const ev = createView(config);
+ const ev = createView('code-input', config);
const editor = new SimpleEditorInterface(ev);
editor.setMode(mode, content);
textArea.style.display = 'none';
window.$events.emitPublic(elem, 'editor-markdown-cm6::pre-init', {editorViewConfig: config});
// Create editor view, hide original input
- const ev = createView(config);
+ const ev = createView('markdown-editor', config);
(new SimpleEditorInterface(ev)).setMode('markdown', '');
elem.style.display = 'none';