Welcome to Software Development on Codidact!

Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.

Post History

60%

+1 −0

Q&A How to access the visual editor from JavaScript in MediaWiki?

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console: Your skin is incompatible with VisualEditor. See https://www.mediawiki.org/wiki/Exte...

0 answers · posted 2y ago by deleted user · edited 2y ago by deleted user

Question javascript mediawiki

#3: Post edited by (deleted user) · 2022-04-22T22:10:54Z (over 2 years ago)

Copy Link

Raw

Markdown

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console:
> Your skin is incompatible with VisualEditor.<br> See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.
That's strange because right after installing Visual Editor, when I first came to edit, I was asked if I want to use the source code editor OR the visual editor and when I chose the Visual Editor, it worked fine.
```
let domain = window.location.host;
let protocol = window.location.protocol;
let h1 = document.querySelector("h1");
window.addEventListener('keydown', function(event) {
if (event.altKey && event.shiftKey && event.key === 'E') {
window.location.href = `${protocol}//${domain}/index.php?title=${h1.innerText}&veaction=edit`;
}
});
```
Why do I get the above error in console and how to solve it?
## Notes
* I emphasize the `veaction` instead just `action` in this code
* Credit for user:hkotsubo‭ who wrote most of that code

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console:
> Your skin is incompatible with VisualEditor.<br> See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.
That's strange because right after installing Visual Editor, when I first came to edit, I was asked if I want to use the source code editor OR the visual editor and when I chose the Visual Editor, it worked fine.
```
let domain = window.location.host;
let protocol = window.location.protocol;
let h1 = document.querySelector("h1");
window.addEventListener('keydown', function(event) {
if (event.altKey && event.shiftKey && event.key === 'E') {
window.location.href = `${protocol}//${domain}/index.php?title=${h1.innerText}&veaction=edit`;
}
});
```
Why do I get the above error in console and how to solve it?
## Notes
* I emphasize the `veaction=edit` instead just `action=edit` in this code
* Credit for user:hkotsubo‭ who wrote most of that code

#2: Post edited by (deleted user) · 2022-04-22T20:07:02Z (over 2 years ago)

Copy Link

Raw

Markdown

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console:
> Your skin is incompatible with VisualEditor.<br> See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.
That's strange because right after installing Visual Editor, when I first came to edit, I was asked if I want to use the source code editor OR the visual editor and when I chose the Visual Editor, it worked fine.
```
let domain = window.location.host;
let protocol = window.location.protocol;
let h1 = document.querySelector("h1");
window.addEventListener('keydown', function(event) {
if (event.altKey && event.shiftKey && event.key === 'E') {
window.location.href = `${protocol}//${domain}/index.php?title=${h1.innerText}&veaction=edit`;
}
});
```
Why do I get the above error in console and how to solve it?
## Notes
* Credit for user:hkotsubo‭ who wrote most of that code

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console:
> Your skin is incompatible with VisualEditor.<br> See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.
That's strange because right after installing Visual Editor, when I first came to edit, I was asked if I want to use the source code editor OR the visual editor and when I chose the Visual Editor, it worked fine.
```
let domain = window.location.host;
let protocol = window.location.protocol;
let h1 = document.querySelector("h1");
window.addEventListener('keydown', function(event) {
if (event.altKey && event.shiftKey && event.key === 'E') {
window.location.href = `${protocol}//${domain}/index.php?title=${h1.innerText}&veaction=edit`;
}
});
```
Why do I get the above error in console and how to solve it?
## Notes
* I emphasize the `veaction` instead just `action` in this code
* Credit for user:hkotsubo‭ who wrote most of that code

#1: Initial revision by (deleted user) · 2022-04-22T17:53:54Z (over 2 years ago)

Copy Link

Raw

Markdown

How to access the visual editor from JavaScript in MediaWiki?

In MediaWiki 1.36.1 with Skin:Timeless, the following JavaScript code doesn't work. I get in browser console:

> Your skin is incompatible with VisualEditor.<br> See https://www.mediawiki.org/wiki/Extension:VisualEditor/Skin_requirements for the requirements.

That's strange because right after installing Visual Editor, when I first came to edit, I was asked if I want to use the source code editor OR the visual editor and when I chose the Visual Editor, it worked fine.

```
let domain = window.location.host;
let protocol = window.location.protocol;
let h1 = document.querySelector("h1");

window.addEventListener('keydown', function(event) {
    if (event.altKey && event.shiftKey && event.key === 'E') {
        window.location.href = `${protocol}//${domain}/index.php?title=${h1.innerText}&veaction=edit`;
    }
});
```

Why do I get the above error in console and how to solve it?

## Notes

* Credit for user:hkotsubo‭ who wrote most of that code

javascript mediawiki

Communities

Post History