quill

问题 I am trying to install ng-quill which takes quill as its dependency which I do not want to install and use cdn instead, due to some compilation issue, just trying if this can help. Bower component Quilljs editor module (ES6) is failing while running gulp build "overrides": { "ngQuill" : { "dependencies" : [] } } 回答1: I think this SO answer has the solution to your problem. It boils down to adding the following to your .bowerrc : { "ignoredDependencies": [ "quill" ] } 来源： https://stackoverflow

问题 Building a bit on the answer of this question, I would like to know if it's possible to add more buttons to the editor after it is loaded/constructed. I have one custom button like this: var Block = Quill.import('blots/block'); class MyThing extends Block {} MyThing.blotName = 'my-thing'; MyThing.className = 'my-thing'; MyThing.tagName = 'div'; Quill.register(MyThing); var quill = new Quill('#editor', { theme: 'snow', modules: { toolbar: [ ['my-thing'] ] } }); The user should be able to add

问题 I'm using Quill editor with the ngx-quill NPM package. Everything is working great except that I just can't get the (change) event to fire. Here's the HTML: <quill-editor (change)="validateChange(field)" [formControlName]="field.id" [id]="field.id"></quill-editor> The (change)="validateChange(field)" is having no effect. Thanks for any ideas!! 回答1: In model driven form you could use valueChanges Observable on your form. this.formName.valueChanges.subscribe(data => { console.log('Changed

问题 I'm trying to write an editor for richtext in my vue-2 application with "vue-quill": "^1.5.0-0",. Everything is working fine, but I need fullscreen button to fullscreen and normalscreen back on button click. I tried: Fullscreen button for Quill Editor? It seems not to be what I'm looking for. It is fullscreening the full page of fwebsite not an editor area itself. Is there any way of doing it withoud additional plugin? Now I have: template: <quill v-model="feedback.content" :config=

问题 I'm trying to implement a custom style for Quill.js that would allow nested and (hopefully) overlapping regions in the text. I'm not yet sure how to do the overlapping, but the nesting seems to be possible. I've done the usual extending of a blot kind of thing (in typescript): let Inline = Quill.import('blots/inline'); class Comment extends Inline { static create(value: any) : Node { let node = super.create(); node.setAttribute('style', 'background-color: PeachPuff;'); node.setAttribute('data

问题 I have the following, script for the QuillEditor(I have multiple editors): var editors = {}; function editors() { var toolbarOptions = [ [{'list': 'ordered'}, {'list': 'bullet'}], ]; data.forEach(function (el) { editors[el] = new Quill(el['editor'], {modules: {toolbar: toolbarOptions}, theme: 'snow', scrollingContainer:el['quill'] }); editors[el].on('text-change', copyText(el['text'], editors[el])); }); } } function copyText(text, editor) { text.innerHTML = editor.root.innerHTML; console.log

问题 I know that on instantiation of a Quill editor, there is a toolbar visibility option. Is there a way that I can change this toolbar visibility dynamically after the editor is instantiated? options = { debug: 'info', placeholder: "Place your content here", readOnly: false, theme: 'snow', modules: { toolbar: toolbarOptions --> i want to change this property as false at runtime }, }; 回答1: To clarify the option is not just visibility, it's whether to create a toolbar at all or not. A toolbar

问题 I am trying to use the editor control in primeng: https://www.primefaces.org/primeng/#/editor But I am getting the error: ERROR ReferenceError: Quill is not defined at Editor.webpackJsonp.../../../../primeng/components/editor/editor.js.Editor.ngAfterViewInit My project uses: Angular Cli: 1.4.1 Angular: 4.3.6 NPM: 5.4.1 Node: 6.10.0 PrimeNG: 4.2.0 I found this issue: https://github.com/primefaces/primeng/issues/807 I followed the instructions: import editor module import {EditorModule} from

问题 In this demo there's a dropdown with the options "Heading 1", "Heading 2" and "Normal". I'm looking for a way to customize that with my own options (or adding a new button instead of dropdowns) using div classes. For example, I want to add a new option called "myThing" and it turns this: <p>Lorem ipsum dolor sit amet</p> into this: <div class="myThing">Lorem ipsum dolor sit amet</div> How do I do that? 回答1: You can do this by extending the block blot. As shown in the this section of the

问题 I have a a template which displays rich text data. When the user clicks edit I turn the template into an editable Quill editor like so: 'click #editNote': (e, t) -> note = t.find '.container' console.log note basicEditor = new Quill(note) Then once the user clicks save I want to be able to disable the Quill editor. How can I do this? 回答1: This isn't currently documented but you can do this: basicEditor.editor.enable(false) 回答2: Use this statement var quill = new Quill('#editor-container');