arabsight / aurelia-quill-plugin Goto Github PK

Reproduce step

• Implement editor
• Select entire text and make it bold/italic
• Place cursor at the end of the text and press enter
• Cursor is being moved to the beginning of the text

Expected behavior

• Just go to next line

More information which could be helpful

• Even the cursor is not working properly, a new line will be added. I can go to new line with arrow keys/mouse.

In case of webpack user should:
Add following lines into webpack.config.vendor.js

module.exports = ({ prod } = {}) => {
    const isDevBuild = !prod;
    return [{
...
    entry: {
        vendor: {
....
            'quill',
            'quill/dist/quill.snow.css',
            'aurelia-quill-plugin/dist/amd/'
        }
    }, 
...
    }]
...
};

register plugin

aurelia.use.plugin('aurelia-quill-plugin');

But user user shouldn't import quill.snow.css he/she have to only use quill-editor tag.

Hi
If you affect a new value to the property bind with quillEditor.value, there is no change in Quill editor. The solution is pretty simple . In quill-editor.js add

valueChanged(newValue) {       
      this.editor.root.innerHTML = newValue;
        
} 

Hi,
In process of converting kendoui rich text controls and in my evaluations I've chosen quill as I think its the best match for my needs.
If I have one control on form I'm able to extract the html with the following code.

var delta = $('.ql-editor').html();
delta = <h1>John Doe</h1>

1. Is this the most efficient way to get at the html
2. How do I extract the html from another instance on the same form.
   Thanks so much for your efforts and documentation.
   John

Reproduce step

• Install 0.1.6
• Try to input space to the editor
• Space won't be added.

Desired behavior

• Space should be added.

My project is aurelia-cli (webpack)

Reproduce step

Component A:

<template>
   <div>.... <quill-editor></quill-editor> ... </div>
</template>

Parent Component:

<component-a if.bind="show"></component-a>
<button click.delegate="show = !show">Show/Hide</button>

If I try Show/Hide button several times, then quill editor displays headers multiple time,
Looks like only last header is available for actions, if I try buttons from other headers, it does not work.

Screenshot attached:

What we need

We may need something like a function to detach or reset the quill editor handler.