User:Max34/VDCEditor: Difference between revisions
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 | ||
☐ 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|&#999;}} elements | ☐ Add highlighting to {{Code|&#999;}} elements | ||
<span style=color: | <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 | ||
<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 | <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: | (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.

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 ϧ 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: ☐ ☑ ☑)