Froala editor not working (icons) - editor

I'm using Froala editor (the free version) and I have the problem that I can't see any icons on the formating buttons.
Is there any way to fix it? Thanks!

You're not including Font Awesome correctly or if you have simply opened a HTML file using the file protocol the icons don't appear in Firefox (see Fonts Not Showing https://froala.com/wysiwyg-editor/browsers).
It is best to include Font Awesome like on https://github.com/froala/wysiwyg-editor/blob/master/examples/basic.html#L6 in order to avoid all the issues above.

Related

trix editor image alignment

I have a blog site and am using the trix editor but I would like to have the images float either left or right and have the text wrap around them. I have searched all over looking for a solution and cannot imagine why image alignment is not included. I'm sure it is possible with css but but I cannot figure it out.
Trix 1.3.1 doesn't support this, but there is an open PR, https://github.com/basecamp/trix/pull/791 (May 2020)
One commenter published a fork of trix that adds align-center and align-right buttons to the toolbar.

Using custom font inside UserControl is making my font bold

When I use my fonts outside of user controls I have them loading correctly. But when the word has accent and is inside UserControl the font is appearing in bold, I've tested more than one font and the problem happens.
In the image I inserted a sentence written on top of the whole frame in the same way as a sentence written inside a UserControl, what is outside proves that the accents work without being bold and inside shows that all the words that are accented are in bold.
The problem only happens on iOS.
I found the problem. I had edited some texts in another editor (VSCode) and also copied some others from another platform that we used, the problem happened due to the encode of these other tools, when pasting in VStudio it caused the problem.
Just rewriting the texts directly by VStudio and the problem has been fixed.

Add / use custom SVG as material-icon

I'm using the material design package for my application layout menu.
I have 2 menus items where I can't find an icon that fits, so I got 2 SVG files that I added to the project.
I want to use this as the material-list-item icon instead of a material-icon.
Is there a way to do this by either adding a custom icon to the material-icon library or replacing the icon in the list.
If yes, please I need a complete example as I am new to DartAngular, still trying to figure out some stuff.
There is a mixin for material-icon which will get allow you to change a material-icon into using an SVG. https://github.com/dart-lang/angular_components/blob/c6cb3d783e72ff1ed7974f18b7f169778c73d39b/angular_components/lib/material_icon/_mixins.scss#L49
There is indeed a mixin for this as pointed out in Ted Sander's answer, but for the moment it does not seem to work. I've asked this on Gitter but did not get an answer, and I also opened a ticket on Github for this seemingly broken feature.
It's a telltale sign that even the official Angular Components Gallery has a broken SVG icon example.
I'd suggest to implement this by using separate list item rendering for those that have an official material-icon representation and those that need a custom SVG image, and conditionally render them with the ngIf directive.

How to select (highlight) text in Chrome app

I'm playing with Chrome app and find it very interesting.
But I wonder why how to select text inside a div in Chrome app.
I tried but it seemed not work.
Anyone knows the problem?
Thanks!
PS: This app read a text file, then output the result to a div.
The default CSS is slightly different in apps, as defined in platform_app.css. You will need to add CSS to enable selection:
-webkit-user-select: text

Phonegap iOS Plugin for UITextView?

I am trying to find a Text view / editor for Phonegap iOS Application.
Basically I am expecting it to be looking like
with a custom header. So my question is that can I just inherit the UITextView portion from the plugin if there is any and still use my customized header of my HTML?
This is a Notes app that I am creating to make which requires this. I tried using regular jQuery, Html, CSS for this but it starts jumping all over when I enter text.

Resources