User:Max34/VDCEditor: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
m (Added a link to the editor screenshot)
mNo edit summary
Line 16: Line 16:


<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> Make a status bar


<span style=color:green>☑</span> Add an indicator of the number of characters in the code
<span style=color:green>☑</span> Add an indicator of the number of characters in the code
Line 31: Line 31:
☐ Add highlighting to {{Code|&amp;#999;}} elements
☐ Add highlighting to {{Code|&amp;#999;}} elements


<span style=color:green>☑</span> Add highlighting for mnemonics (not all mnemonics have been added. Need a complete list of mnemonics working on this site)
<span style=color:orange>☑</span> Add highlighting for mnemonics (not all mnemonics have been added. Need a complete list of mnemonics working on this site)


<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)
<span style=color:orange>☑</span> 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 translations directly from the VDC so that users can translate the extension directly from the site
Line 48: Line 48:


<span style=color:green>☑</span> Add highlighting to parts of code similar to the part that was selected
<span style=color:green>☑</span> Add highlighting to parts of code similar to the part that was selected
<span style=color:green>☑</span> Add setting to disable highlighting of similar text as selected text


☐ Add a setting to display control characters
☐ Add a setting to display control characters
Line 55: Line 57:
☐ Adapt the editor to display correctly in right-to-left mode
☐ 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
<span style=color:green>☑</span> Add preserving indentation (tabs and spaces) at the beginning of a line when creating a new line
 
<span style=color:green>☑</span> Add a setting to disable scrolling below the last line
 
<span style=color:green>☑</span> Add a setting to disable template styling. This styling is still quite unstable




(For copying: ☐ <span style=color:green>☑</span> <span style=color:red></span>)
(For copying: ☐ <span style=color:orange>☑</span> <span style=color:green></span>)

Revision as of 10:48, 3 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.

Note.pngNote: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.

VDCEditor screenshot

https://drive.google.com/file/d/1Jn8MFwXyiCW2ypwB1IaP0P1VHSPH2HFl/view

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

☐ Add code font size setting

Make editor height saveable

Make a status bar

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 &#999; 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 setting to disable highlighting of similar text as selected text

☐ 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 preserving indentation (tabs and spaces) at the beginning of a line when creating a new line

Add a setting to disable scrolling below the last line

Add a setting to disable template styling. This styling is still quite unstable


(For copying: ☐ )