Auto-closing tags in HTML file

[thinley4]

Increasing Access

Auto-closing tag feature is a time-saving and error-reducing tool that enhances the efficiency and quality of your HTML coding

Feature enhancement details

As soon as you type the > in an HTML element, like the last bracket in

, the closing tag is automatically created for you.

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, be sure to follow the issue template if you haven't already.

[Akhilbisht798]

Hey, I want to work on this issue. Can you assign me this

[lindapaiste]

CodeMirror has an addon for this. It would be an option that we set on the codemirror instance, alongside autoCloseBrackets.

p5.js-web-editor/client/modules/IDE/components/Editor/index.jsx

Line 125 in ca74574

autoCloseBrackets: this.props.autocloseBracketsQuotes,

We can enable the defaults with autoCloseTags: true, and it looks like there are a bunch of fine-grained options as well.

For the brackets, we allow the user to disable this feature via preferences.

Not sure which way we should handle this:

1. Create a new preference for autoCloseTags, and add a new section to the Preferences UI.

2. Control this based on the user's existing preference for "Autoclose Brackets and Quotes". If we are auto-closing brackets then we also auto-close tags.

Probably option 1?

[thinley4]

@Akhilbisht798 Sure

[Akhilbisht798]

@lindapaiste, hey great idea about auto close brackets and quotes in prefrence

[Akhilbisht798]

Hey @lindapaiste, @EarthIsHeaven. I have implement this feature and it is working great.
I need a suggestion.

 <h4 className=">
    {/* {t('Preferences.AutocloseBracketsQuotes')} */}
    Auto Close Tags
</h4>

There is no translation for Auto Close tags because i have just created this feature.
I want to add this entire i8n library but i don't known the languages.

So should i just leave a todo and raise a new issue to do this task.
Or just do this in the same.

In my opinion we should make this a separate issue making process of review easier.
And we raise the issue after this will got merged

[Akhilbisht798]

Hey, so i have opened a draft pr. I will let you known when it is complete.

[Akhilbisht798]

Hey, i have took some suggestion from discord about translaion and raised a new pr according to them. This pr is now complete and ready to merge into main/develop.