Extension talk:WikiEditor

Jump to navigation Jump to search

About this board

pre LQT talk on this page


Delayed WikiEditor Loading Causes Text Shift

3
Jer Hughes (talkcontribs)

I sometimes open multiple pages for editing and I let all the pages fully load. However, it seems that the wikieditor toolbar doesn't load until the browser window is focused.

This is mildly frustrating as I click the textbox where I need to edit, then the toolbar loads, and now I need to refind my place. I noticed the toolbar seems to have a height of 66px so I tried to add .wikiEditor-ui-top{min-height:66px} to no MediaWiki:Common.css page.

However, I notice that the wikieditor html isn't even initially loaded with the page, but is part of code that gets inserted a split second after the page is loaded.

Is there a way to make the wikieditor html "automatically turned on by default" so it does not get dynamically inserted after the page load? Or is there some css I can insert into the MediaWiki:Common.css page to account for the space the toolbar will take once fully loaded to prevent text from shifting?

Whatamidoing (WMF) (talkcontribs)

Which wiki are you have problems at?

Jer Hughes (talkcontribs)

It's on a personal wiki that uses MediaWiki. Only extensions used on Wikipedia are used.

Reply to "Delayed WikiEditor Loading Causes Text Shift"

I am deeply saddened ...

3
Summary by Kghbln

That's the way it is even though it radically cripples MediaWiki editing. No need to discuss further.

Kghbln (talkcontribs)

... by the removal of the preview feature which was working fine. The publish feature was indeed a bit suboptimal but the preview feature was great and working fine for years. This is a big step towards making MediaWiki editing less awesome for people who do not want or cannot use parsoid. I guess this is a sign of a lost perspective and for defying reality.

FreedomFighterSparrow (talkcontribs)

True. This isn't cool.

Ralfk (talkcontribs)

Missing the preview feature as well!

Reply to "I am deeply saddened ..."

[SOLVED] WikiEditor does not show - Fresh install

4
Slidinghorn (talkcontribs)

I've just installed a fresh MW wiki, and elected to use the WikiEditor extension during the installation process. Looking at my LocalSettings.php file, I do show the "wfLoadExtension( 'WikiEditor' ); - However, when I go to edit or create a page, it's just the standard editor. I've cleared the cache, logged in as different user accounts, etc. I'm at a loss here. Any tips?

Info:

MediaWiki 1.30.0

PHP 7.0.27-0 (Debian 9 & apache2)

MariaDB 10.1.26

WikiEditor does show under "Installed extensions" on my Version page

Thanks ahead of time for any help!

Slidinghorn (talkcontribs)

It appears that this option needs to be set for the editor to be enabled:

$wgDefaultUserOptions['usebetatoolbar'] = 1;

Thanks for those who were taking a look at this - Hope this is useful to anyone who comes across this issue in the future.

Rikskansler (talkcontribs)

This works, I finally got it working after using this fix.

117.98.179.65 (talkcontribs)

Ok its the same thing they say on WikiEditor page but they use the language like this

"" If you are using a version before REL1_31 and would want the toolbar to be default for users when they first join add this line to your LocalSettings.php:""'

$wgDefaultUserOptions['usebetatoolbar'] = 1;

If work when we use this fix

my version is

Product Version
MediaWiki 1.30.0
PHP 7.0.30-0ubuntu0.16.04.1 (fpm-fcgi)
MySQL 5.7.22-0ubuntu0.16.04.1
ICU 55.1
Reply to "[SOLVED] WikiEditor does not show - Fresh install"
110.22.47.221 (talkcontribs)

Hi,

I have just run the update.php script and now I am having a problem with the wikieditor-ui. When I edit a page with the advanced editor eg. the one used here, there is a large blank 'blue' box between the 'Bold', 'Italic', 'Link', etc. icons and the text box where the edit is made. I am not sure what the problem is. I have a feeling it has something to do with the 'SkinAfterBottomScripts' or 'SkinAfterContent' but I can't figure it out. Any help would be greatly appreciated.

Thanks Michael

Clifford.kasper (talkcontribs)

I have this same problem with MW 1.25.2. Have you found a solution? Thanks.

CharlesSpencer (talkcontribs)

Did anybody solve this? I get this in MW1.26.2 as well! CharlesSpencer (talk) 19:03, 11 October 2016 (UTC)

Libattery (talkcontribs)

In my case, "DynamicPageList"(intersection) caused problem. clean-up and reinstall DynamicPageList solved problem.

Reply to "Large header space -WikiEditor UI"
131.179.59.101 (talkcontribs)

Hey,

I've noticed that there's a huge blue header space when I'm trying to use wikieditor to edit something online. It's a large blue box between the toolbar and the text area that is used to edit. We updated the mediawiki to 1.29.2, and the WikiEditor is on version 0.5.1. We've tried editing files in the less and css files, but nothing seems to remove this blue space. Any help will be greatly appreciated.

Thanks,

Manish

Samwilson (talkcontribs)

Can you show a screenshot of it? Sounds like another extension could be interfering. Do you have MsUpload installed (it adds a box between the toolbar and edit box)?

Manurao30 (talkcontribs)

Hey Sam,

No we don't have MsUpload installed. We looked at some extensions but couldn't find anything related to this issue, but I'm sure it's an issue with another extension. I can't add screenshots here, so please follow the following link to look at the screenshot.

https://github.com/manurao30/Work/blob/master/image.png

Thanks for your help.

Samwilson (talkcontribs)

If you open your browser's devtools console (press F12), and reload the page, you might see an error there. Also, can turn off all other extensions one by one and see if you can isolate which one is causing the problem?

Do all the bits of the toolbar work still, even with the blue box there?

Libattery (talkcontribs)

I have same problems.

Manurao30 (talkcontribs)

Hey Sam,

I opened the devtools console and there were three issues - jquery.ui.widget, jquery.ui.core and jquery.ui.position. I've included them below. My guess is that some extension is calling the deprecated modules and the toolbar is failing which causes the blue space to be removed. I've tried a bunch of stuff and some removed the blue space but also removed the toolbar so there must be some sort of relation between the two. Do you have any ideas about this issue or any solutions?

VM303:126 This page is using the deprecated ResourceLoader module "jquery.ui.widget".

(anonymous) @ VM303:126

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:161

fire @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:45

add @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:45

always @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:46

runScript @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:160

checkCssHandles @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:161

execute @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:162

implement @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:168

(anonymous) @ VM303:126

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:4

globalEval @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:4

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:165

requestIdleCallback (async)

asyncEval @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:165

work @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:166

enqueue @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:163

load @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:169

(anonymous) @ index.php?title=Main_Page&action=edit:10

startUp @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:27

script.onload.script.onreadystatechange @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:28

load (async)

(anonymous) @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:27

(anonymous) @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:28

VM303:166 This page is using the deprecated ResourceLoader module "jquery.ui.position".

(anonymous) @ VM303:166

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:161

fire @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:45

add @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:45

always @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:46

runScript @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:160

checkCssHandles @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:161

execute @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:162

implement @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:168

(anonymous) @ VM303:166

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:4

globalEval @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:4

(anonymous) @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:165

requestIdleCallback (async)

asyncEval @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:165

work @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:166

enqueue @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:163

load @ load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=vector&version=13nadqn:169

(anonymous) @ index.php?title=Main_Page&action=edit:10

startUp @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:27

script.onload.script.onreadystatechange @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:28

load (async)

(anonymous) @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:27

(anonymous) @ load.php?debug=false&lang=en&modules=startup&only=scripts&skin=vector:28

VM303:121 This page is using the deprecated ResourceLoader module "jquery.ui.core".

Please use "mediawiki.ui.button" or "oojs-ui" instead.

Libattery (talkcontribs)

This is the code section of big blue background. you can see style="background-position: 2px -862px;" etc.

---

<div class="toolbar section section-main" rel="main" id="wikiEditor-section-main">

 

<div class="group group-format" rel="format"><a href="#" title="Bold" rel="bold" role="button" class="tool tool-button wikiEditor-toolbar-spritedButton" style="background-position: 2px -142px;">Bold</a><a href="#" title="Italic" rel="italic" role="button" class="tool tool-button wikiEditor-toolbar-spritedButton"       style="background-position: 2px -862px;">Italic</a></div>

 

<div class="group group-insert" rel="insert"><a href="#" title="Link" rel="link" role="button" class="tool tool-button wikiEditor-toolbar-spritedButton" style="background-position: 2px -1654px;">Link</a><a href="#" title="Embedded file" rel="file" role="button" class="tool tool-button wikiEditor-toolbar-spritedButton"       style="background-position: 2px -1438px;">Embedded file</a><a href="#" title="Reference" rel="reference" role="button" class="tool tool-button wikiEditor-toolbar-spritedButton" style="background-position: 2px -1798px;">Reference</a></div>

</div>

Libattery (talkcontribs)

Solved: In my case, "DynamicPageList"(intersection) caused problem. clean-up and reinstall solved problem.

Reply to "Large Blue Header Space"

The extension in download link doesn't work

2
Luffah (talkcontribs)

Hello, i downloaded the extension linked in the first instruction "Download" (WikiEditor-REL1_30-dc5f855.tar.gz) and the extension didn't work (i see no error). Then i tried to download it on github, and this last version works very well.

Alangi Derick (talkcontribs)

Hello Luffah, after downloading the extension, you need to setup it up (hook it up to MW). See this page for that: Extension:WikiEditor.

Make sure to install the extension after download in order to see it working. Thanks

Reply to "The extension in download link doesn't work"
Ядерный Трамвай (talkcontribs)

Phrases are visible. Looks like buttons work, just there are no icons on them.

Megajoule (talkcontribs)

The file path "$wgResourceBasePath/extensions/WikiEditor/modules/images/toolbar/" must be correct.

Have you modified the $wgResourceBasePath value ?

Reply to "No icons appearing at MW 1.27.1"

MW 1.30: Is there solution to do not remove "Cancel" button in right up corner?

2
Summary by Whatamidoing (WMF)
B.Shapoval (talkcontribs)

Buttons "Publish" and "Cancel" in right top corner are very useful. $wgOOUIEditPage from MW 1.29 is removed in MW 1.30. "Cancel" is not working properly for now: it redirects to "undefined" error page. Is there any solution to fix this problem without removing both or single button?

Whatamidoing (WMF) (talkcontribs)

"Cancel" was removed because it almost never got used. Most people (on the public wikis, especially Wikipedia) who wanted to cancel an edit either closed their browser tab or clicked on the "Read" tabs (at the very top). The team has considered other options, such as putting the "Cancel" button in one of the menus.

Reply to "MW 1.30: Is there solution to do not remove "Cancel" button in right up corner?"
137.50.151.210 (talkcontribs)

My wiki uses media queries to alter the skin for mobile phones. Is there any way to stop this extension from running when the screen resolution is lower than a certain amount? I guess I could use CSS to hide the editor but it's not a great solution.

Whatamidoing (WMF) (talkcontribs)
Reply to "Disable on mobile skin?"

MW Rel 1.29.0 : bug report : Cancel button does not work properly

7
Spas.Z.Spasov (talkcontribs)

WikiEditor cancel button (upper right corner) redirects to uri /undefined. Here you are a screen shot.

Could it be fixed in the next release?

139.165.107.44 (talkcontribs)

I see this on my site too. I have temporarily disabled the Publish/Cancel buttons on the upper right. The buttons at the bottom seem to be working just fine.

139.165.107.44 (talkcontribs)

I am using MW 1.29.1, by the way. Still see the issue.

This post was hidden by Abhidevananda (history)
Abhidevananda (talkcontribs)

Though it's just a temporary and convenient precaution (not a solution), I've disabled just the not-working Cancel button... leaving the still-working Publish button in place... by editing the jquery.wikiEditor.publish.js file in the modules directory to delete (or comment out) the following code:

context.fn.addButton( {

    captionMsg: 'wikieditor-publish-button-cancel',

    action: function () {

        window.location.href = $( '#mw-editform-cancel' ).attr( 'href' );

        return false;

    }

} );

NOTE: This is not a good solution for MW1.29 and MW1.29.1. A better solution is provided below. However, if the WikiEditor extension is not fixed to resolve this problem before the general release of MW1.30, then those with MW1.30 and onward may want to resort to this inadequate fix.

Abhidevananda (talkcontribs)

Problem solved for MW1.29.0 and MW1.29.1

The issue and the workaround are detailed in the MW1.29 release notes. A solution to the problem is found there and also here.

In short, all that you need to do is add the following code in LocalSettings.php.

$wgOOUIEditPage = false;

NOTE: This workaround will only help with the MW1.29 releases. From MW1.30 onward, we are stuck with the red Cancel button (as seen below any edit box on this page) instead of the blue Cancel button from earlier releases (that this fix takes us back to). So the developers of WikiEditor will have to make some change in the extension code to accommodate that.

139.165.107.44 (talkcontribs)

Thanks a bunch, Abhidevananda and others. This worked for me.

Reply to "MW Rel 1.29.0 : bug report : Cancel button does not work properly"