Skip to content

Commit 3b65ff7

Browse files
benwindingbenwinding
committed
Linting yarn prettier --write "demos/**/*.{js,html,ts,tsx,jsx}" 
1 parent 2db1bab commit 3b65ff7

16 files changed

+138
-94
lines changed

‎demos/demos-index.html

+46-27
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,48 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width,initial-scale=1" />
6+
<title>quill-html-edit-button (Demos)</title>
7+
</head>
38

4-
<head>
5-
<meta charset="UTF-8" />
6-
<meta name="viewport" content="width=device-width,initial-scale=1" />
7-
<title>quill-html-edit-button (Demos)</title>
8-
</head>
9-
10-
<body>
11-
<h1 id="-quill-html-edit-button-"><code>quill-html-edit-button</code></h1>
12-
<p>This is a <a href="https://github.com/quilljs/quill/">quill.js</a> module which allows you to quickly view/edit the
13-
HTML in the editor.</p>
14-
<p><img width="600px" style="max-width: 100%;" src="https://user-images.githubusercontent.com/664714/93285035-f7f44e80-f7a1-11ea-83c7-59e151c53c06.gif"
15-
alt="Demo"></p>
16-
<h2 id="demos">Demos</h2>
17-
<p>Below are a few demos for the <a
18-
href="https://github.com/benwinding/quill-html-edit-button">quill-html-edit-button</a> library.</p>
19-
<ul>
20-
<li><a href="./javascript/">Live Demo (webpack javascript)</a></li>
21-
<li><a href="./typescript/">Live Demo (webpack typescript)</a></li>
22-
<li><a href="./vue/">Live Demo (webpack vue)</a></li>
23-
<li><a href="./react/">Live Demo (webpack react)</a></li>
24-
<li><a href="./script-tags/demo-quill-1.x.html">Live Demo (script tags quill-1.x)</a></li>
25-
<li><a href="./script-tags/demo-quill-2.x.html">Live Demo (script tags quill-2.x) With Tables!</a></li>
26-
</ul>
27-
28-
</body>
29-
</html>
9+
<body>
10+
<h1 id="-quill-html-edit-button-"><code>quill-html-edit-button</code></h1>
11+
<p>
12+
This is a <a href="https://github.com/quilljs/quill/">quill.js</a> module
13+
which allows you to quickly view/edit the HTML in the editor.
14+
</p>
15+
<p>
16+
<img
17+
width="600px"
18+
style="max-width: 100%"
19+
src="https://user-images.githubusercontent.com/664714/93285035-f7f44e80-f7a1-11ea-83c7-59e151c53c06.gif"
20+
alt="Demo"
21+
/>
22+
</p>
23+
<h2 id="demos">Demos</h2>
24+
<p>
25+
Below are a few demos for the
26+
<a href="https://github.com/benwinding/quill-html-edit-button"
27+
>quill-html-edit-button</a
28+
>
29+
library.
30+
</p>
31+
<ul>
32+
<li><a href="./javascript/">Live Demo (webpack javascript)</a></li>
33+
<li><a href="./typescript/">Live Demo (webpack typescript)</a></li>
34+
<li><a href="./vue/">Live Demo (webpack vue)</a></li>
35+
<li><a href="./react/">Live Demo (webpack react)</a></li>
36+
<li>
37+
<a href="./script-tags/demo-quill-1.x.html"
38+
>Live Demo (script tags quill-1.x)</a
39+
>
40+
</li>
41+
<li>
42+
<a href="./script-tags/demo-quill-2.x.html"
43+
>Live Demo (script tags quill-2.x) With Tables!</a
44+
>
45+
</li>
46+
</ul>
47+
</body>
48+
</html>

‎demos/header-text.js

+7-5
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
11
const demoTitle = document.title;
2-
const demoSourceCodeLink = document.getElementById('src-code').getAttribute('data');
2+
const demoSourceCodeLink = document
3+
.getElementById("src-code")
4+
.getAttribute("data");
35

46
// HEADER TEXT
57
const headerHtml = `<div style="width: 100%; display: flex; align-items: center;">
@@ -9,7 +11,7 @@ const headerHtml = `<div style="width: 100%; display: flex; align-items: center;
911
<a href="${demoSourceCodeLink}" style="flex-grow: 1; text-align: right; color: grey; padding-right: 50px;"><h4>Demo Source Code</h4></a>
1012
</div>
1113
`;
12-
const header = document.createElement('div');
14+
const header = document.createElement("div");
1315
header.innerHTML = headerHtml;
1416

1517
// GITHUB CORNER
@@ -21,11 +23,11 @@ const cornerHTML = `<a href="${demoSourceCodeLink}" class="github-corner" aria-l
2123
<style>
2224
.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}
2325
</style>`;
24-
const corner = document.createElement('div');
26+
const corner = document.createElement("div");
2527
corner.innerHTML = cornerHTML;
2628

2729
// Add to DOM after first JS frame
28-
window.addEventListener('load', function() {
30+
window.addEventListener("load", function () {
2931
document.body.prepend(header);
3032
document.body.prepend(corner);
31-
})
33+
});

‎demos/javascript/public/index.html

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (javascript)</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/javascript" ></link>
8-
<script src="./header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/javascript"
10+
/>
11+
<script src="./header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />
@@ -24,7 +27,7 @@
2427
></script>
2528
</head>
2629

27-
<body>
30+
<body>
2831
<!-- Create the editor container -->
2932
<div id="editor">
3033
<p>Select the HTML button from the toolbar</p>

‎demos/javascript/src/index.js

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
import htmlEditButton from "../../../src/quill.htmlEditButton";
22

3-
import Quill from 'quill/core';
3+
import Quill from "quill/core";
44

5-
import Toolbar from 'quill/modules/toolbar';
6-
import Snow from 'quill/themes/snow';
5+
import Toolbar from "quill/modules/toolbar";
6+
import Snow from "quill/themes/snow";
77

88
Quill.register({
9-
'modules/toolbar': Toolbar,
10-
'themes/snow': Snow,
11-
"modules/htmlEditButton": htmlEditButton
12-
})
9+
"modules/toolbar": Toolbar,
10+
"themes/snow": Snow,
11+
"modules/htmlEditButton": htmlEditButton,
12+
});
1313

1414
const fullToolbarOptions = [
1515
[{ header: [1, 2, 3, false] }],

‎demos/javascript/webpack.config.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ module.exports = {
2525
},
2626
plugins: [
2727
new CopyWebpackPlugin([
28-
{ from: 'public', to: '.' },
29-
{ from: '../header-text.js', to: '.' },
28+
{ from: "public", to: "." },
29+
{ from: "../header-text.js", to: "." },
3030
]),
3131
],
3232
devtool: isProd ? "source-map" : "inline-source-map",

‎demos/react/public/index.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (react)</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/react" ></link>
8-
<script src="./header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/react"
10+
/>
11+
<script src="./header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />

‎demos/react/src/app.jsx

+17-12
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,35 @@
1-
import React, { useState } from 'react';
1+
import React, { useState } from "react";
22

33
import htmlEditButton from "../../../src/quill.htmlEditButton";
44
// import htmlEditButton from "quill-html-edit-button";
55
// ^ In production use this
6-
import ReactQuill, { Quill } from 'react-quill';
7-
import 'react-quill/dist/quill.snow.css';
6+
import ReactQuill, { Quill } from "react-quill";
7+
import "react-quill/dist/quill.snow.css";
88

99
import Toolbar from "quill/modules/toolbar";
1010
import Snow from "quill/themes/snow";
1111

1212
Quill.register({
13-
'modules/toolbar': Toolbar,
14-
'themes/snow': Snow,
15-
"modules/htmlEditButton": htmlEditButton
16-
})
13+
"modules/toolbar": Toolbar,
14+
"themes/snow": Snow,
15+
"modules/htmlEditButton": htmlEditButton,
16+
});
1717

1818
const modules = {
1919
htmlEditButton: {
2020
debug: true,
21-
}
21+
},
2222
};
2323

2424
export function MyApp() {
25-
const [value, setValue] = useState('Here is some text!');
25+
const [value, setValue] = useState("Here is some text!");
2626

27-
return <ReactQuill theme="snow" value={value} onChange={setValue}
28-
modules={modules}
29-
/>;
27+
return (
28+
<ReactQuill
29+
theme="snow"
30+
value={value}
31+
onChange={setValue}
32+
modules={modules}
33+
/>
34+
);
3035
}

‎demos/react/src/index.jsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
/* global React */
22
/* global ReactQuill */
3-
'use strict';
3+
"use strict";
44

5-
import { MyApp } from './app';
6-
import ReactDOM from 'react-dom/client';
7-
import React from 'react';
5+
import { MyApp } from "./app";
6+
import ReactDOM from "react-dom/client";
7+
import React from "react";
88

9-
const root = ReactDOM.createRoot(document.getElementById('app'));
9+
const root = ReactDOM.createRoot(document.getElementById("app"));
1010

1111
root.render(<MyApp />);

‎demos/react/webpack.config.js

+3-3
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ module.exports = {
2222
},
2323
plugins: [
2424
new CopyWebpackPlugin([
25-
{ from: 'public', to: '.' },
26-
{ from: '../header-text.js', to: '.' },
25+
{ from: "public", to: "." },
26+
{ from: "../header-text.js", to: "." },
2727
]),
2828
],
2929
devtool: isProd ? "source-map" : "inline-source-map",
@@ -37,7 +37,7 @@ module.exports = {
3737
],
3838
},
3939
resolve: {
40-
extensions: ['.js', '.jsx', '.ts'],
40+
extensions: [".js", ".jsx", ".ts"],
4141
},
4242
module: {
4343
rules: [

‎demos/script-tags/demo-quill-1.x.html

+8-5
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (script tag) Quill 1.x</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/script-tags/demo-quill-1.x.html" ></link>
8-
<script src="../header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/script-tags/demo-quill-1.x.html"
10+
/>
11+
<script src="../header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />
@@ -38,8 +41,8 @@
3841
crossorigin="anonymous"
3942
></script>
4043
<!-- DEVELOMENT <script src="../../../dist/quill.htmlEditButton.min.js"></script> -->
41-
<script src="https://unpkg.com/[email protected]/dist/quill.htmlEditButton.min.js""></script>
42-
44+
<script src="https://unpkg.com/[email protected]/dist/quill.htmlEditButton.min.js"></script>
45+
4346
<script>
4447
Quill.register("modules/htmlEditButton", htmlEditButton);
4548

‎demos/script-tags/demo-quill-2.x.html

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (script tag) Quill 2.x</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/script-tags/demo-quill-2.x.html" ></link>
8-
<script src="../header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/script-tags/demo-quill-2.x.html"
10+
/>
11+
<script src="../header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />
@@ -48,7 +51,7 @@ <h3>Wow a table!</h3>
4851
crossorigin="anonymous"
4952
></script>
5053
<!-- DEVELOMENT <script src="../../../dist/quill.htmlEditButton.min.js"></script> -->
51-
<script src="https://unpkg.com/[email protected]/dist/quill.htmlEditButton.min.js""></script>
54+
<script src="https://unpkg.com/[email protected]/dist/quill.htmlEditButton.min.js"></script>
5255

5356
<script>
5457
Quill.register("modules/htmlEditButton", htmlEditButton);

‎demos/typescript/public/index.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (typescript)</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/typescript" ></link>
8-
<script src="./header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/typescript"
10+
/>
11+
<script src="./header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />

‎demos/typescript/webpack.config.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -22,8 +22,8 @@ module.exports = {
2222
},
2323
plugins: [
2424
new CopyWebpackPlugin([
25-
{ from: 'public', to: '.' },
26-
{ from: '../header-text.js', to: '.' },
25+
{ from: "public", to: "." },
26+
{ from: "../header-text.js", to: "." },
2727
]),
2828
],
2929
devtool: isProd ? "source-map" : "inline-source-map",

‎demos/vue/public/index.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,14 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66
<title>Quill Demo (vue)</title>
7-
<link id="src-code" data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/vue" ></link>
8-
<script src="./header-text.js" ></script>
7+
<link
8+
id="src-code"
9+
data="https://github.com/benwinding/quill-html-edit-button/blob/master/demos/vue"
10+
/>
11+
<script src="./header-text.js"></script>
912

1013
<!-- Theme included stylesheets -->
1114
<link href="/static/favicon.ico" rel="icon" type="image/x-icon" />

‎demos/vue/src/index.js

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
import { createApp } from 'vue'
2-
import App from './app.vue'
1+
import { createApp } from "vue";
2+
import App from "./app.vue";
33

4-
import '@vueup/vue-quill/dist/vue-quill.bubble.css'
5-
import '@vueup/vue-quill/dist/vue-quill.snow.css'
4+
import "@vueup/vue-quill/dist/vue-quill.bubble.css";
5+
import "@vueup/vue-quill/dist/vue-quill.snow.css";
66

7-
createApp(App).mount('#app')
7+
createApp(App).mount("#app");

0 commit comments

Comments
 (0)