User:Max34/VDCEditor: Difference between revisions
(A new era of VDC page editor!) |
No edit summary |
||
| Line 4: | Line 4: | ||
== Development progress == | == Development progress == | ||
<span style=color:green>☑</span> Make the first edit using the new editor | |||
<span style=color:green>☑</span> Figure out how to work with js | <span style=color:green>☑</span> Figure out how to work with js | ||
☐ 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 | ☐ 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 | ||
<span style=color:green>☑</span> Change the style of the code block to a dark version | |||
☐ Change the style of the rest of the editor elements (buttons, a field with a description of the changes) to dark mode | ☐ Change the style of the rest of the editor elements (buttons, a field with a description of the changes) to dark mode | ||
| Line 16: | Line 18: | ||
<span style=color:green>☑</span> Make editor settings persist | <span style=color:green>☑</span> Make editor settings persist | ||
☐ Add code font size setting | |||
☐ Add Word Wrap checkbox setting | |||
☐ Make a status bar | ☐ Make a status bar | ||
<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 an indicator of the number of characters in the code | ||
<span style=color:green>☑</span> Add a carriage location indicator | |||
☐ Make custom tooltips like in Visual Studio (functionality). It will be displayed when Ctrl is pressed | ☐ Make custom tooltips like in Visual Studio (functionality). It will be displayed when Ctrl is pressed | ||
| Line 42: | Line 46: | ||
☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed | ☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed | ||
<span style=color:green>☑</span> Implement a color square next to each HEX color (as in F12) | |||
☐ Implement a color square next to each rgba() and other colors | |||
☐ Make color squares interactive with the ability to open the color palette and select a color | |||
☐ Since the syntax is implemented through text replacement, the undo/redo functions no longer work {{Emoji|disappointed}}. The only option I see is to create this system from scratch (It’s actually not that difficult) | |||
(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 05:10, 7 May 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:You can suggest your ideas for expansion on the talk page.Development progress
☑ Make the first edit using the new editor
☑ Figure out how to work with js
☐ 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
☑ Change the style of the code block to a dark version
☐ Change the style of the rest of the editor elements (buttons, a field with a description of the changes) to dark mode
☐ Add line numbering
☑ Make editor settings persist
☐ Add code font size setting
☐ Add Word Wrap checkbox setting
☐ Make a status bar
☑ Make editor height saveable
☑ Add an indicator of the number of characters in the code
☑ Add a carriage location indicator
☐ Make custom tooltips like in Visual Studio (functionality). It will be displayed when Ctrl is pressed
☐ Add highlighting of magic words, as well as a special warning highlighting if a magic word that implies use once has been used more than once in the code
☐ Add highlighting to &#AAA; elements
☐ Add highlighting to HTML elements
☐ Add highlighting to CSS elements
☐ Add highlighting to MediaWiki elements (hardest one)
☐ Somehow 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 HEX color (as in F12)
☐ Implement a color square next to each rgba() and other colors
☐ Make color squares interactive with the ability to open the color palette and select a color
☐ Since the syntax is implemented through text replacement, the undo/redo functions no longer work 
. The only option I see is to create this system from scratch (It’s actually not that difficult)
(For copying: ☐ ☑ ☒)