User:Max34/VDCEditor: Difference between revisions
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
VDCEditor is an upcoming chromium extension that will change the edit field from a regular flat textarea into a full-fledged code editor with syntax highlighting, line numbering and much more. | VDCEditor is an upcoming chromium extension that will change the edit field from a regular flat textarea into a full-fledged code editor with syntax highlighting, line numbering and much more. | ||
{{Note| | {{Note|Despite the fact that this extension is made for the Valve Developer Community, it (albeit with various errors) can probably work on any other wikis running on the MediaWiki engine.}} | ||
== Development progress == | == Development progress == | ||
Line 13: | Line 13: | ||
<span style=color:green>☑</span> Add Word Wrap setting | <span style=color:green>☑</span> Add Word Wrap setting | ||
<span style=color:green>☑</span> Make a status bar | |||
☐ Add code font size setting | ☐ Add code font size setting | ||
<span style=color:green>☑</span> Make editor height saveable | <span style=color:green>☑</span> Make editor height saveable | ||
<span style=color:green>☑</span> Add an indicator of the number of characters in the code | |||
<span style=color:green>☑</span> Add a carriage location indicator | |||
<span style=color:green>☑</span> Add highlighting of MediaWiki magic words | <span style=color:green>☑</span> Add highlighting of MediaWiki magic words | ||
Line 31: | Line 31: | ||
<span style=color:green>☑</span> Add highlighting to HTML elements | <span style=color:green>☑</span> Add highlighting to HTML elements | ||
☐ Add highlighting to MediaWiki elements (hardest one) | ☐ Add highlighting to MediaWiki elements (hardest one) | ||
Line 51: | Line 49: | ||
<span style=color:green>☑</span> Add an icon and extension name to the top left corner of the editor to make it look like a separate application | <span style=color:green>☑</span> Add an icon and extension name to the top left corner of the editor to make it look like a separate application | ||
☐ Adapt the editor to display correctly in right-to-left mode | |||
<span style=color:green>☑</span> Add setting to disable highlighting of similar text as selected text | |||
(For copying: ☐ <span style=color:green>☑</span> <span style=color:red>☒</span>) | (For copying: ☐ <span style=color:green>☑</span> <span style=color:red>☒</span>) |
Revision as of 10:05, 1 June 2024
VDCEditor is an upcoming chromium extension that will change the edit field from a regular flat textarea into a full-fledged code editor with syntax highlighting, line numbering and much more.

Development progress
☑ Make the first edit using the new editor
☑ Change the style of the entire editor to the dark version
☐ Figure out how to implement the correct automatic loading of the script. Right now you have to click on a button to run the script, because loading it automatically will cause it to load before the page is fully loaded, which cuts off access to a lot of things that need to be changed
☑ Add line numbering
☑ Add Word Wrap setting
☑ Make a status bar
☐ Add code font size setting
☑ Make editor height saveable
☑ Add an indicator of the number of characters in the code
☑ Add a carriage location indicator
☑ Add highlighting of MediaWiki magic words
☐ Add highlighting to ϧ elements
☑ Add highlighting for mnemonics (not all mnemonics have been added. Need a complete list of mnemonics working on this site)
☑ Add highlighting to HTML elements
☐ Add highlighting to MediaWiki elements (hardest one)
☐ Implement the loading of translations directly from the VDC so that users can translate the extension directly from the site
☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed
☐ Implement a color square next to each color (as in F12)
☑ Add attributes to disable unwanted actions with the editor (translate="no", spellcheck="false", autocorrect="off", autocapitalize="off")
☑ Add scrolling below content until only the last line is shown
☑ Add highlighting to parts of code similar to the part that was selected
☐ Add a setting to display control characters
☑ Add an icon and extension name to the top left corner of the editor to make it look like a separate application
☐ Adapt the editor to display correctly in right-to-left mode
☑ Add setting to disable highlighting of similar text as selected text
(For copying: ☐ ☑ ☒)