NE.Standard.UI.Web.CodeInput 1.0.0-preview.1

.NET 10.0 This package targets .NET 10.0. The package is compatible with this framework or higher.
This is a prerelease version of NE.Standard.UI.Web.CodeInput.
There is a newer prerelease version of this package available.
See the version list below for details. 
dotnet add package NE.Standard.UI.Web.CodeInput --version 1.0.0-preview.1
                    


                    

                
NuGet\Install-Package NE.Standard.UI.Web.CodeInput -Version 1.0.0-preview.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="NE.Standard.UI.Web.CodeInput" Version="1.0.0-preview.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="NE.Standard.UI.Web.CodeInput" Version="1.0.0-preview.1" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="NE.Standard.UI.Web.CodeInput" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add NE.Standard.UI.Web.CodeInput --version 1.0.0-preview.1
                    


                    

                
#r "nuget: NE.Standard.UI.Web.CodeInput, 1.0.0-preview.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#:package NE.Standard.UI.Web.CodeInput@1.0.0-preview.1
#:package directive can be used in C# file-based apps starting in .NET 10 preview 4. Copy this into a .cs file before any lines of code to reference the package. 
#addin nuget:?package=NE.Standard.UI.Web.CodeInput&version=1.0.0-preview.1&prerelease
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=NE.Standard.UI.Web.CodeInput&version=1.0.0-preview.1&prerelease
                    


                            Install as a Cake Tool

NE.Standard.UI.CodeInput

A code editor component for the NE.Standard UI framework: a monospaced field with syntax highlighting, line numbers, and find and replace that runs in the browser. Two packages, on the framework's own pattern — the component, which is platform-independent, and its web rendering, which carries the highlighting engine and the stylesheet embedded in its assembly.

Install

dotnet add package NE.Standard.UI.CodeInput --prerelease
dotnet add package NE.Standard.UI.Web.CodeInput --prerelease

Register the web rendering beside the framework's renderers:

services.AddStandardRenderers();
services.AddCodeInput();

Using it

new CodeInputComponent()
    .SetTitle("appsettings.json")
    .SetLanguage(UICodeLanguage.Json)
    .SetRows(20)
    .BindValue(nameof(SettingsController.Json))
Property What it does
Language What the text is highlighted as: JSON, CSS, LESS, JavaScript, TypeScript, HTML, C#, Python, Bash, or plain text.
LineNumbers A number beside every line (on by default).
WrapLines Long lines wrap at the field's edge instead of scrolling sideways.
TabSize How many spaces a tab stop is, and what the Tab key inserts.
Rows The number of visible text rows the field starts at; Height or Fill overrides it.
Search Whether Ctrl+F and Ctrl+H open find and replace (on by default).
DebounceMilliseconds Commit the value as the viewer types, this long after they pause; unset, on blur.

Value, IsReadOnly, Placeholder, Appearance, the header's title, icon and badge, validation and borders come from the framework's field, exactly as a text area's do — except that the editor starts as Ghost (no box until it is focused) and never lifts under the pointer: it is read, not filled in.

Editing is the browser's own <textarea> — undo, selection, input methods and the clipboard all behave as they do everywhere else — with the highlighted text drawn underneath it. Tab inserts spaces, Enter keeps the line's indentation, Escape closes the panel. Ctrl+S commits the value at once, ahead of any debounce, and raises the field's save event — .OnSave(nameof(Controller.Save)) is where an application writes it out.

Find and replace

Ctrl+F opens the panel over the field, Ctrl+H opens it on the replace row. Enter and Shift+Enter step through the matches; the three toggles are match case, whole word and regular expression. A read-only field hides the replace row. The panel's words translate through the application's localization source under the ui.code.* keys, exactly as the framework's own do.

Licence

The framework's: the Prosperity Public License 3.0.0 — free for noncommercial use, with a thirty-day trial for commercial use. See LICENSE.md.

Product Compatible and additional computed target framework versions.
.NET net10.0 is compatible.  net10.0-android was computed.  net10.0-browser was computed.  net10.0-ios was computed.  net10.0-maccatalyst was computed.  net10.0-macos was computed.  net10.0-tvos was computed.  net10.0-windows was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
1.0.0-rc.2 48 9/10/2026
1.0.0-rc.1 60 9/7/2026
1.0.0-preview.1 63 9/7/2026