This was a fun learning project, but I won't continue the development.
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.
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 add the .css file
<link href="_content/Drogecode.Blazor.Froala/css/Froala.min.css" rel="stylesheet" />
- Froala css
In the 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
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.
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.