update quill

This commit is contained in:
ammarahm-ed
2020-11-18 11:42:34 +05:00
parent 45b56a4cfa
commit 6d68f8a7ac
8 changed files with 25263 additions and 21 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,7 +1,7 @@
<html> <html>
<head> <head>
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport"/> <meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport" />
<link href="fonts.css" rel="stylesheet"> <link href="fonts.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet"> <link href="styles.css" rel="stylesheet">
<style> <style>
@@ -18,8 +18,8 @@
</head> </head>
<body class="app-body"> <body class="app-body">
<div id="editor"></div> <div id="editor"></div>
<div id="toolbar"></div> <div id="toolbar"></div>
</body> </body>
<script src="constants.js"> <script src="constants.js">
@@ -30,11 +30,11 @@
</script> </script>
<script src="listeners.js"> <script src="listeners.js">
</script> </script>
<script src="image-resize.min.js"></script>
<script > <script>
let editor; let editor;
function loadAction() { function loadAction() {
const Quill = require('quill');
setFonts(); setFonts();
Quill.register("modules/imageCompressor", imageCompressor); Quill.register("modules/imageCompressor", imageCompressor);
editor = new Quill('#editor', { editor = new Quill('#editor', {
@@ -46,6 +46,14 @@
maxWidth: 1024, maxWidth: 1024,
imageType: 'image/jpeg' imageType: 'image/jpeg'
}, },
history: {
delay: 2000,
maxStack: 500,
userOnly: true,
},
imageResize: {
displaySize: true,
}
}, },
placeholder: ' ', placeholder: ' ',
}); });

File diff suppressed because one or more lines are too long

View File

@@ -24,9 +24,8 @@
<div id="titlebar"> <div id="titlebar">
<form id="formBox"> <form id="formBox">
<textarea maxlength="150" id="titleInput" placeholder="Title here" <textarea maxlength="150" id="titleInput" placeholder="Title here"></textarea>
></textarea>
<div id="textCopy"></div> <div id="textCopy"></div>
</form> </form>
<div class="info-bar"> <div class="info-bar">
@@ -44,25 +43,24 @@
<div id="toolbar"></div> <div id="toolbar"></div>
</div> </div>
</body> </body>
<script src="module.js"></script>
<script src="constants.js"></script> <script src="constants.js"></script>
<script src="listeners.js"></script> <script src="listeners.js"></script>
<script src="module.js"></script>
<script src="quill.js"></script> <script src="quill.js"></script>
<script src="image-resize.min.js"></script>
<script> <script>
let editor; let editor;
function loadAction(premium, noMenu) { function loadAction(premium, noMenu) {
Image
const Quill = requiring('quill');
setFonts(); setFonts();
Quill.register("modules/imageCompressor", imageCompressor); Quill.register("modules/imageCompressor", imageCompressor);
editor = new Quill('#editor', { editor = new Quill('#editor', {
modules: { modules: {
toolbar: premium ? proToolbar : simpleToolbar, toolbar: premium ? proToolbar : simpleToolbar,
imageCompressor: { imageCompressor: {
quality: 0.9, quality: 1,
maxWidth: 1024, maxWidth: 1024,
imageType: 'image/jpeg' imageType: 'image/jpeg'
}, },
@@ -70,6 +68,9 @@
delay: 2000, delay: 2000,
maxStack: 500, maxStack: 500,
userOnly: true userOnly: true
},
imageResize: {
displaySize: true,
} }
}, },
placeholder: 'Start writing your note', placeholder: 'Start writing your note',

File diff suppressed because one or more lines are too long

View File

@@ -44,6 +44,7 @@
<script src="listeners.js"></script> <script src="listeners.js"></script>
<script src="module.js"></script> <script src="module.js"></script>
<script src="quill.js"></script> <script src="quill.js"></script>
<script src="image-resize.min.js"></script>
<script> <script>
let editor; let editor;
@@ -55,7 +56,6 @@
let mainToolbar = premium ? proToolbar : simpleToolbar; let mainToolbar = premium ? proToolbar : simpleToolbar;
const Quill = requiring('quill');
setFonts(); setFonts();
@@ -74,6 +74,9 @@
maxStack: 500, maxStack: 500,
userOnly: true, userOnly: true,
}, },
imageResize: {
displaySize: true,
}
}, },
placeholder: 'Start writing your note', placeholder: 'Start writing your note',
theme: 'snow', theme: 'snow',

View File

@@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport"/> <meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport" />
<link href="fonts.css" rel="stylesheet"> <link href="fonts.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet"> <link href="styles.css" rel="stylesheet">
<style> <style>
@@ -18,21 +19,20 @@
</head> </head>
<body class="app-body"> <body class="app-body">
<div id="editor"></div> <div id="editor"></div>
<div id="toolbar"></div> <div id="toolbar"></div>
</body> </body>
<script src="constants.js"></script> <script src="constants.js"></script>
<script src="listeners.js"></script> <script src="listeners.js"></script>
<script src="module.js"></script> <script src="module.js"></script>
<script src="quill.js"></script> <script src="quill.js"></script>
<script src="image-resize.min.js"></script>
<script> <script>
let editor; let editor;
function loadAction() { function loadAction() {
const Quill = require('quill');
setFonts(); setFonts();
Quill.register("modules/imageCompressor", imageCompressor); Quill.register("modules/imageCompressor", imageCompressor);
@@ -45,6 +45,14 @@
maxWidth: 1024, maxWidth: 1024,
imageType: 'image/jpeg' imageType: 'image/jpeg'
}, },
history: {
delay: 2000,
maxStack: 500,
userOnly: true,
},
imageResize: {
displaySize: true,
}
}, },
placeholder: ' ', placeholder: ' ',
}); });

File diff suppressed because one or more lines are too long