1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- var quill; // Expose as global so people can easily try out the API
- $(document).ready(function() {
- quill = new Quill('#editor', {
- modules: {
- 'toolbar': { container: '#toolbar' },
- 'image-tooltip': true,
- 'link-tooltip': true
- },
- theme: 'snow'
- });
- // Bootstrap Toolbar has positioning but when showing manually when tooltip is offscreen
- $('.quill-wrapper').tooltip({ trigger: 'manual', animation: false }).tooltip('show');
- $('.quill-wrapper + .tooltip').hide();
- var tooltipTimer = setTimeout(function() {
- $('.quill-wrapper + .tooltip').fadeIn(1000);
- }, 2500);
- quill.once('selection-change', function(hasFocus) {
- $('#editor').toggleClass('focus', hasFocus);
- // Hack for inability to scroll on mobile
- if (/mobile/i.test(navigator.userAgent)) {
- $('#editor').css('height', quill.root.scrollHeight + 30) // 30 for padding
- }
- $('.quill-wrapper').tooltip('destroy');
- clearTimeout(tooltipTimer);
- });
- var users = {
- 'Asana': 'https://asana.com/',
- 'Front': 'https://frontapp.com/',
- 'Intuit': 'https://www.intuit.com/',
- 'Lever': 'https://www.lever.co/',
- 'MerchantCircle': 'https://www.merchantcircle.com/',
- 'Reedsy': 'https://reedsy.com/',
- 'RelateIQ': 'https://www.relateiq.com/',
- 'Respondly': 'https://respond.ly/',
- 'Salesforce': 'https://www.salesforce.com/',
- 'ThemeXpert': 'https://www.themexpert.com/',
- 'Vox Media': 'https://www.voxmedia.com/',
- 'Writer': 'https://chrome.google.com/webstore/detail/writer/hlddiopdeghmcmdjjmpdegemnojihpib?hl=en'
- };
- var keys = Object.keys(users);
- // Show users randomly
- $('#users-container a').each(function(i, link) {
- var index = Math.floor(Math.random() * keys.length);
- var key = keys[index];
- keys.splice(index, 1);
- $(link).attr({ href: users[key], title: key });
- $('img', link).attr({
- src: '/0.20/assets/images/users/' + (key.toLowerCase().replace(/\s/g, '')) + '.png',
- alt: key
- });
- });
- console.log("Welcome to Quill!\n\nThe editor on this page is available via `quill`. Give the API a try:\n\n\tquill.formatText(6, 10, 'bold', true);\n\nVisit the API documenation page to learn more: https://quilljs.com/docs/api/\n");
- });
|