Comments (13)
no icons appear
you can style them as you want. by default they are using material design icons.
Also, the example "Set buttons"
this one is strange we will look into it
from ngx-wig.
Thanks for that. I’ve been looking at PRs and the code to see how to pass the icons theme but couldn’t find anywhere where you define the icon theme. Would you mind giving an example of how to use for example Font awesome for them? I would really appreciate it
from ngx-wig.
Found the issue. I think in the example it is missing the single quotes within the double quotes and that way it works. The formats
option does not exist though. Available: list1,list2,bold,italic,link
last but not least there is one extra icon right at the end which I don't know what it does. Could you explain that? Would it be possible to hide it via configuration?
Thanks,
Carlos.
from ngx-wig.
I'll create example for you
and you are more than welcome to make PR with all suggested changes! :)
is one extra icon right at the end
you mean "source"? - to output HTML source
from ngx-wig.
here you are
https://stackblitz.com/edit/angular-kybmfp?file=styles.css
from ngx-wig.
@CarlosTorrecillas thank you for you feedback and research I've updated readme with examples and also fixed the bug with custom buttons
from ngx-wig.
It's weird because I want to use the basic example with the [content] being a two-way binding field and it doesn't work. I only get it work if I have the contentChange and assign it on that method. Unfortunately I can't get it to work either with pre-existing content. So for example if I add new content using the editor and I load the screen with that content, it wouldn't show up in the screen.
from ngx-wig.
I was having the same issue for the icons. Icons were not showing after completing all installation steps, so I've added @import "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css";
to my style.css
file.
I was confused by the fact that I was importing this: @import "https://fonts.googleapis.com/icon?family=Material+Icons";
, since I'm using Angular Material 2.
So perhaps it would be worth adding to the Readme that the material icons imported with Angular Material 2 won't work out of the box.
from ngx-wig.
yes, we updated all the examples
here the one with two-way binding
you should use ngModel here.
It was an outdated example in docs.
Thank you one more time for your feedback!
from ngx-wig.
It's weird I have material-design-icons
installed and configured and can use that icons in Angular Material directives, but the editor show squares instead of icons.
Update:
It is looks like because I use Google's Material Design Icons.
from ngx-wig.
thank you all for your feedback, I've added some documentation
from ngx-wig.
why are these icons not part of the dist ?
what if that cdn goes away, then no more icons ???
and this does not work :
@import "https://cdn.materialdesignicons.com/2.1.19/css/materialdesignicons.min.css";
from ngx-wig.
you can use any icons, and you are also welcome to make PR
from ngx-wig.
Related Issues (20)
- [idea] CI to publish on npm HOT 2
- bubble editor
- Erroneous behavior trying to delete text from the editor HOT 4
- Custom Buttons for version 11.0.0.
- Event on blur HOT 1
- Use with validators HOT 1
- hide toolbar and change styles HOT 4
- configure it uses only tags I decide HOT 4
- Where is version 12 of the npm package? HOT 3
- Angular 13 support HOT 4
- Custom dropdown
- Remove legacy code HOT 1
- <br> tag left after textarea clear HOT 5
- Improve documentation about custom buttons. HOT 5
- Application error when custom button does not set `styleClass`
- Angular 14 support HOT 3
- Migrate to ESLint HOT 7
- npm package public version is still 13.2.6 HOT 1
- Angular 15 support HOT 7
- Angular 18 Update HOT 2
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 ngx-wig.