Custom font size labels about ng-quill HOT 10 CLOSED

this has nothing to do with the angular module.
You can do this with quill-themes.

There you can overwrite the css-classes to build your own themes.
To use a custom theme read this:
http://quilljs.com/docs/themes/

from ng-quill.

I think you can't do what I'm saying with Quill themes as they are css files to customize the way it looks and I'm talking about changing the <option> tags that are in the <select class="ql-size" ...> element.

Right now the directive is configured as:

templateUrl: 'ngQuill/template.html'

and down below in the return $templateCache.put('ngQuill/template.html', it is hardcoded to:

'<select title="{{dict.size}}" class="ql-size" ng-if="shouldShow([\'size\'])">' +
  '<option value="10px">{{dict.small}}</option>' +
  '<option value="13px" selected="">{{dict.normal}}</option>' +
  '<option value="18px">{{dict.large}}</option>' +
  '<option value="32px">{{dict.huge}}</option>' +
'</select>' +

I was saying that would be nice to have a parameter to send font-size options as value-label objects. I.E.:

[{
  label: 'Paragraph',
  value: '14px'
}, {
  label: 'Subtitle',
  value: '18px'
}, {
  label: 'Title',
  value: '24px'
}]

Or to be able to configure another template file path and let each user deal with their own complex and exhausting html files 😝

from ng-quill.

sry my fault.

feel free to implement it your self and send me a pull request ;)

from ng-quill.

@KillerCodeMonkey No problem!
I'm working in a PR right now. Maybe is not as good as to merge it as is but I hope in best case scenario it's an approach you can tweak.
I'll send you the PR today or tomorrow.

Thank you very much for the quick feedback!

from ng-quill.

PR created for this issue

from ng-quill.

i will change your code a little bit --> instead of working with the rootScope i will add a configProvider, that can be extended and clean configured.

why do you added $rootScop.message in the demo.html?

from ng-quill.

added config provider and created a new release

from ng-quill.

Oh no, I just used $rootScope because I needed to test it because otherwise I would have added a new controller to do that. But wasn't supposed to be clean at all.
i will change your code a little bit --> instead of working with the rootScope i will add a configProvider, that can be extended and clean configured. 👍 awesome

from ng-quill.

@matikun86 @KillerCodeMonkey Hey guys, I'm wondering how I can add custom font size dropdown into the toolbar. Is there a demo I can refer to? Thanks!

from ng-quill.

from ng-quill.