Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not working with vue.js #21

Closed
Haris3243 opened this issue Sep 22, 2020 · 1 comment
Closed

Not working with vue.js #21

Haris3243 opened this issue Sep 22, 2020 · 1 comment

Comments

@Haris3243
Copy link

Haris3243 commented Sep 22, 2020

I have imported it and used it as follows in my vue.js code which already uses vue-quill-editor

import htmlEditButton from "quill-html-edit-button";
Quill.register("modules/htmlEditButton", htmlEditButton);

and in modules i have pasted folowing code

 htmlEditButton: {
              debug: true,
              msg: 'Edit the content in HTML format',
              okText: 'Ok',
              cancelText: 'Cancel',
              buttonHTML: '<>',
              buttonTitle: 'Show HTML source',
              syntax: false,
            },

But is not showing <> in the output. Output is as follows
image

@benwinding sir Please help me as soon as you can

@benwinding
Copy link
Owner

benwinding commented Sep 29, 2020

Hello @Haris3243,
Apologies for the late response, did you place the Quill import at the top?

import Quill from 'quill'
import htmlEditButton from "quill-html-edit-button";
Quill.register("modules/htmlEditButton", htmlEditButton);

More information in the vue-quill-editor docs here: https://github.com/surmon-china/vue-quill-editor#register-quill-module

Cheers,
Ben

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants