Comments (11)
Interesting requirement. I will think about that.
from angular-summernote.
I'd also like this see this feature! I'm going to set up some sort of work around in the meantime
from angular-summernote.
This will be interesting. I wonder if this will improve the initial load time. I noticed that when I call summernote multiple times inside a form's ng-repeat through a custom directive, it does take a long time to initialize it.
from angular-summernote.
I ended up writing a semi custom wrapper as the inability to defer loading killed this plugin for me (comment tree, nested replies). I suppose that using an ng-if on the summernote element where you flip the boolean on click would work the same though?
from angular-summernote.
@tjsail33 Was it taking too long for this plugin to load for you too? When I tested in Firefox, the page takes more than 30 seconds to load when I have this directive in that form. Without the summernote directive, it loads in 1-2 sec. Were you facing a similar issue? Is that why you are trying to defer the plugin loading?
from angular-summernote.
Yes. Especially when i had close to 30 instances of it on a page that all tried to load at once. I don't think the plugin is inefficient - I just think it needs a way to defer initialization in some way to handle use cases where more than one editor exists in the DOM at once.
from angular-summernote.
Thanks for confirming that. My situation is similar. I have a form with multiple instances of this editor. When I have more than as little as 2-3 itself, the page pretty much crashes due to long initialization time. For now, I am considering to just use a plain textarea as a temporary solution. I agree, the plugin is not inefficient. Its a very good plugin but unfortunately its close to unworkable when there is a need for multiple instances in 1 page. Hoping there could be a solution for this.
from angular-summernote.
@tjsail33 @Mr-Anonymous
Do you know other directives has defer initialization or snippets to defer initialization?
If so, it is very helpful to resolve this issue. For now, I have no idea about a way how to handle defer initilalization.
from angular-summernote.
i think that a good way to do this would be a boolean initialization variable. I use it in my custom implementation, and tear down the editor when the boolean is false, initialize it when the boolean is true.
from angular-summernote.
@tjsail33 So, did you expose the variable as attibute like <sumernote defer="true">
?
from angular-summernote.
I did <cu-summernote initialized="variable.editable">
.
from angular-summernote.
Related Issues (20)
- get ng-bind-html
- Disable drop only in editor
- How to Check for empty in angularjs
- Remove Boostrap reference fails
- angular2+ support?
- summernote('destroy') breaks binding
- Missing "main" property in bower.json file to load the package #3451
- Button with angular service inside
- How to upgrade current version of summernote 0.8.12 https://summernote.org/
- Error: [$sce:unsafe] Attempting to use an unsafe value in a safe context.
- Prevent undo if initial content is empty
- image resize popover is not show when we click on the image.
- Cursor jumps to end of text while typing in codeview mode
- TypeError: element.summernote is not a function at Object.activate (eval at <anonymous> (jquery.min.js:2)
- Checkbox which is getting checked in the summernote editor, not reflecting in the code elements
- Cannot able to get the selected text along with its formatted html
- Toolbar drop-down buttons not displayed properly. HOT 2
- Decorator callback doesn't fire
- Event onChange not fired after http address is converted to link HOT 1
- Inserting a table places it at the top of the editor - v0.8.20 in angular 13
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-summernote.