https://github.com/austineric/BlazorContentEditable

Providing contenteditable functionality for Blazor
https://github.com/austineric/BlazorContentEditable

Last synced: 3 months ago
JSON representation

Providing contenteditable functionality for Blazor

• Host: GitHub
• URL: https://github.com/austineric/BlazorContentEditable
• Owner: austineric
• Created: 2020-02-21T04:03:16.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-06-22T02:22:04.000Z (about 4 years ago)
• Last Synced: 2024-02-27T22:23:15.436Z (4 months ago)
• Language: HTML
• Homepage:
• Size: 4.54 MB
• Stars: 13
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• AdrienTorris_awesome-blazor - BlazorContentEditable -  A contenteditable component for Blazor. ([Demo](https://blazorcontenteditable.z19.web.core.windows.net/)). (Libraries & Extensions / Components)
• blazor-awesome - BlazorContentEditable -  Provides contenteditable functionality for Blazor. ([Demo](https://austineric.github.io/BlazorContentEditable/)). (Libraries & Extensions / Components)

README

        

### [Demo site here](https://austineric.github.io/BlazorContentEditable/)

# BlazorContentEditable

Providing contenteditable functionality for Blazor

- Automatically sizes to prefilled text

- Automatically sizes to to text as it's typed

# Installation

Include NuGet package from https://www.nuget.org/packages/BlazorContentEditable/

# Setup

### Blazor WebAssembly

* Add `@using BlazorContentEditable` to _Imports.razor

* Add `` to wwwroot/index.html

### Blazor Server

* Add `@using BlazorContentEditable` to _Imports.razor

* Add `` to Pages/_Host.cshtml

# Usage

``

# Notes

* **@bind-Value** - the property to which the component should be bound

* **Enabled** - (optional, defaults to true) - allows the component to be disabled directly `Enabled="false"` or conditionally `Enabled="@(UserIsAuthorized ? true : false)"`

* **CSSClass** - (optional) add css classes

* **CSSStyle** - (optional) add css styles

* **Rows** - (optional, defaults to 1) allows setting the number of rows (height) the component should display if no text is present

* **Columns** - (optional) sets the number of columns (width) for the component (1 column = 1 average-width character)

* **Width** - (optional, defaults to 100% if neither Columns nor Width are set) sets the width of the component with CSS

# Releases

### 2.0.0

* Changed to auto-resizing TextArea

### 1.4.0

* Can conditionally disable component

### 1.3.0

* Use `@using BlazorContentEditable` in _Imports.razor instead of `@using BlazorContentEditable.Source`