/quill-html-edit-button

Quill.js Module which allows you to quickly view/edit the HTML in the editor

Primary LanguageJavaScript

quill-html-edit-button

NPM Version License Downloads/week Github Issues

Quill.js Module which allows you to quickly view/edit the HTML in the editor

Demo

Install

yarn add quill-html-edit-button

Quickstart

import { htmlEditButton } from "./quill.htmlEditButton.js";

Quill.register("modules/htmlEditButton", htmlEditButton);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    htmlEditButton: {}
  }
});

Quickstart (script tag)

    <script src="/dist/quill.htmlEditButton.min.js"></script>
    <script>
      Quill.register("modules/htmlEditButton", htmlEditButton);
      const quill = new Quill(editor, {
        // ...
        modules: {
          // ...
          htmlEditButton: {}
        }
      });
    </script>

Options

modules: {
  // ...
  htmlEditButton: {
    debug: true // logging, default:false
    msg: "Edit the content in HTML format", //Custom message to display in the editor, default: Edit HTML here, when you click "OK" the quill editor's contents will be replaced
    okText: "Ok" // Text to display in the OK button, default: Ok,
    cancelText: "Cancel" // Text to display in the cancel button, default: Cancel
  }
}

Thanks

This project is based on quill-image-uploader, thanks mate!