Drogecode.Blazor.Froala 1.0.2

.NET 6.0 
dotnet add package Drogecode.Blazor.Froala --version 1.0.2
NuGet\Install-Package Drogecode.Blazor.Froala -Version 1.0.2
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="Drogecode.Blazor.Froala" Version="1.0.2" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
paket add Drogecode.Blazor.Froala --version 1.0.2
#r "nuget: Drogecode.Blazor.Froala, 1.0.2"
#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. 
// Install Drogecode.Blazor.Froala as a Cake Addin
#addin nuget:?package=Drogecode.Blazor.Froala&version=1.0.2

// Install Drogecode.Blazor.Froala as a Cake Tool
#tool nuget:?package=Drogecode.Blazor.Froala&version=1.0.2

Nuget

NuGet Downloads

Froala editor

Froala wysiwyg-editor is a payed editor for your web projects. This blazor component makes it posible to add it to your blazor wasm projects.

How to use

You need to add the froala css and js files to your index.html file. This project includes a copy of those files, however, you can also use a copy from a different location.

In the <head> add the .css file

  • <link href="_content/Drogecode.Blazor.Froala/css/Froala.min.css" rel="stylesheet" /> - Froala css

In the <body> add the .js files

  • <script src="_content/Drogecode.Blazor.Froala/js/Drogecode.Blazor.Froala.min.js"></script> - js for this component
  • <script src="_content/Drogecode.Blazor.Froala/js/Froala.min.js"></script> - Froala js

See the demo index.html for an example

Contributing

This component currently only integrates a small sections of the api options in Froala, if you mis anything, open an issue or PR, with the url to the event / method / opion you are missing. For obvius reasons PR's will be solved a lot faster than issues.

FAQ

Q: Has this project any connections with the company behind froala.com?

A: No

Q: Is there a demo how to implement the component?

A: Yes! here .razor and here .cs

Q: Why both FroalaEditorConfig and FroalaEditorDetail?

A: FroalaEditorConfig can be used for multiple different instances while FroalaEditorDetail is different for every seperate insitance of the Froala wysiwyg-editor

Q: What is inside Froala.min.js?

A: Both froala_editor.pkgd.min.js" and plugins/save.min.js see bundleconfig.json

Q: Does the blazor copy of the DOM knows about this component?

A: No, this gives issues and non descriptive errors, but those can be solved.

Product Compatible and additional computed target framework versions.
.NET net6.0 is compatible.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 is compatible.  net7.0-android was computed.  net7.0-ios was computed.  net7.0-maccatalyst was computed.  net7.0-macos was computed.  net7.0-tvos was computed.  net7.0-windows was computed.  net8.0 was computed.  net8.0-android was computed.  net8.0-browser was computed.  net8.0-ios was computed.  net8.0-maccatalyst was computed.  net8.0-macos was computed.  net8.0-tvos was computed.  net8.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.2 930 11/15/2022
1.0.2-testnet7-v2 671 11/15/2022
1.0.2-testnet7 651 11/15/2022
1.0.1 975 10/16/2022
1.0.0 950 10/5/2022
0.2.1 968 9/28/2022
0.2.0 983 9/25/2022
0.1.8 937 9/25/2022
0.1.7 942 9/21/2022
0.1.6 965 9/21/2022
0.1.5 962 9/21/2022
0.1.4 923 9/21/2022
0.1.3-workinprogress 686 9/20/2022
0.1.2-workinprogress 683 9/20/2022
0.1.1-workinprogress 659 9/20/2022
0.1.0-workinprogress 696 9/20/2022