2.2.0

This version was accidentally released with some bugs, which have been fixed in version 2.2.1. Click here to find the patched version.

2.1.0

🆕 What's in this release?

• The indent plugin now works with spaces as well as tabs - see examples in README.md / the plugins folder. #62
• The cursor now remains visible by making the element auto-scroll, even with the indent plugin enabled. #61

🎉 Thank you to @Ziqi-Yang for pointing out the cursor visibility bug! If you have any feature ideas, or have found bugs, please let us know through the CONTRIBUTING.md guidelines!

If you have the time and knowledge to write the code yourself in a pull request that would also be amazing but is not at all necessary.

2.0.3

Bug Fix

What's Changed

• Fix HTML attributes like disabled so they can be synchronised with the textarea element. (Issue #59)

🎉 Thanks to @vcdomith for their issue about the bug above! As always, if you find any bugs or want any more features in code-input as a plugin, please open an Issue or submit your code in a Pull Request. This library is completely fuelled by the open-source community 🚀 .

Full Changelog: v2.0.1...v2.0.3

2.0.2

This version was released with a bug. Please click to see v2.0.3 for a working release.

2.0.1

🆕 What's in this release?

This is a major release, with several aims:

1. ⌨️ Make <code-input> work more like a <textarea>, including more HTML form compatibility (demo) - thank you especially to @vanowm
2. 🧹 Add TypeScript support - please see WebCoder49/code-input-for-typescript
3. 🎉 Keep adding optional plugins from the open-source community - please see plugins/README.md

(+bug fix for template not registering bug)

🔌 API Changes

⚠️ This section is only useful for library users transferring their code-input version from v1.<something> to v2.<something>. If you're a new user, please see the README file; otherwise, please click.

In order to carry out significant progress with the library, and in order to make the code cleaner, some changes have been made to how you should use the library. Methods from versions 1.* still exist, but are deprecated so will not be improved.

General Changes

Reason	Old Usage	New Usage
To match <textarea> elements	<code-input> value attribute for text content	<code-input> inner HTML for text content (see README for usage)
More intuitive for object-oriented programming and TypeScript	codeInput.templates.custom(...)	new codeInput.Template(...)
Clean, consistent code	codeInput.templates.character_limit()	codeInput.templates.characterLimit()
Clean, consistent code	codeInput.templates.rainbow_text(...)	codeInput.templates.rainbowText(...)

More Technical/Less-Used Changes

(click to view if you are building a code-input plugin or coming across bugs)

Reason	Old Usage	New Usage
Remove unnecessary function calls	<code-input element>.querySelector("textarea")	<code-input element>.textareaElement
Remove unnecessary function calls	<code-input element>.querySelector("pre")	<code-input element>.preElement
Remove unnecessary function calls	<code-input element>.querySelector("pre code")	<code-input element>.codeElement
More flexibility and fewer bugs when creating plugins	Plugin.observedAttributes = ["attrib1", "attrib2"]	In constructor of plugin: super(["attrib1", "attrib2"])
More flexibility when creating plugins	All observed attributes detected exactly	* symbol represents wilcard = any piece of text (see Test plugin)
Clean, consistent code	Other snake_case functions	camelCase

As always, if you find any bugs or have any ideas for new features, please submit an issue or pull request.

Full Changelog: v1.5.1...v2.0.1

2.0.0

This version was released with a bug. Please click to see v2.0.1 for a working release.

1.5.1

📦 code-input is now on NPM (link)!

Over time, this will allow the library to work better with people's ordinary workflow, and features like TypeScript compatibility.

As always, please submit an Issue or Pull Request if you find a bug or have an idea for a new feature.

1.5.0

🆕 What's in this release?

• Synchronise built-in form validation (Demo) - #40
• Clean Up Codebase - #42

Thank you to @AzzaAzza69 for opening issue #40 . If you have an idea for a plugin, find a bug, or think that the <code-input> element doesn't support something that a <textarea> does and that would be useful, please contribute!

Full Changelog: v1.4.1...v1.5.0

1.4.1

🆕 What's in this release?

What's Changed

• Special character plugin in #37
• Very Quick Typo Fix

🎉 Thank you to @SArpnt for suggesting this feature. If you have any more ideas for features, plugins, or bug fixes, please open an issue or submit a pull request.

Full Changelog: v1.4.0...v1.4.1

1.4.0

🆕 What's in this release?

What's Changed

• Special character plugin in #37

Full Changelog: v1.3.1...v1.4.0

🎉 Thank you to @SArpnt for suggesting this feature. If you have any more ideas for features, plugins, or bug fixes, please open an issue or submit a pull request.