restore composer.json, add mysqli extension

This commit is contained in:
2026-04-15 17:02:52 +05:00
commit 77cf56a348
4317 changed files with 1397107 additions and 0 deletions

View File

@@ -0,0 +1,141 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote airmode</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
tabsize: 2,
airMode: true
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote in Airmode</h1>
<p><a href="https://summernote.org/examples/#air-mode">https://summernote.org/examples/#air-mode</a></p>
<pre>
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
Test Test
</pre>
<div class="summernote">
<p>In <a href="http://en.wikipedia.org/wiki/Computer_science" title="Computer science">computer science</a>, <b>functional programming</b> is a <a href="http://en.wikipedia.org/wiki/Programming_paradigm" title="Programming paradigm">programming paradigm</a>, a style of building the structure and elements of computer programs, that treats <a href="http://en.wikipedia.org/wiki/Computation" title="Computation">computation</a> as the evaluation of <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a> and avoids <a href="http://en.wikipedia.org/wiki/Program_state" title="Program state" class="mw-redirect">state</a> and <a href="http://en.wikipedia.org/wiki/Immutable_object" title="Immutable object">mutable</a> data. Functional programming emphasizes <a href="http://en.wikipedia.org/wiki/Function_(computer_science)" title="Function (computer science)" class="mw-redirect">functions</a> that produce results that depend only on their inputs and not on the program state—i.e. <a href="http://en.wikipedia.org/wiki/Pure_function" title="Pure function">pure</a> <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a>. It is a <a href="http://en.wikipedia.org/wiki/Declarative_programming" title="Declarative programming">declarative programming</a> paradigm, which means programming is done with <a href="http://en.wikipedia.org/wiki/Expression_(computer_science)" title="Expression (computer science)">expressions</a>. In functional code, the output value of a function depends only on the arguments that are input to the function, so calling a function <i>f</i> twice with the same value for an argument <i>x</i> will produce the same result <i>f(x)</i> both times. Eliminating <a href="http://en.wikipedia.org/wiki/Side_effect_(computer_science)" title="Side effect (computer science)">side effects</a>, i.e. changes in state that do not depend on the function inputs, can make it much easier to understand and predict the behavior of a program, which is one of the key motivations for the development of functional programming.</p>
</div>
</div>
</body>
</html>

39
public/vendor/editor/examples/airmode.html vendored Executable file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote airmode</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
tabsize: 2,
airMode: true
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote in Airmode</h1>
<p><a href="https://summernote.org/examples/#air-mode">https://summernote.org/examples/#air-mode</a></p>
<div class="summernote">
<p>In <a href="http://en.wikipedia.org/wiki/Computer_science" title="Computer science">computer science</a>, <b>functional programming</b> is a <a href="http://en.wikipedia.org/wiki/Programming_paradigm" title="Programming paradigm">programming paradigm</a>, a style of building the structure and elements of computer programs, that treats <a href="http://en.wikipedia.org/wiki/Computation" title="Computation">computation</a> as the evaluation of <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a> and avoids <a href="http://en.wikipedia.org/wiki/Program_state" title="Program state" class="mw-redirect">state</a> and <a href="http://en.wikipedia.org/wiki/Immutable_object" title="Immutable object">mutable</a> data. Functional programming emphasizes <a href="http://en.wikipedia.org/wiki/Function_(computer_science)" title="Function (computer science)" class="mw-redirect">functions</a> that produce results that depend only on their inputs and not on the program state—i.e. <a href="http://en.wikipedia.org/wiki/Pure_function" title="Pure function">pure</a> <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a>. It is a <a href="http://en.wikipedia.org/wiki/Declarative_programming" title="Declarative programming">declarative programming</a> paradigm, which means programming is done with <a href="http://en.wikipedia.org/wiki/Expression_(computer_science)" title="Expression (computer science)">expressions</a>. In functional code, the output value of a function depends only on the arguments that are input to the function, so calling a function <i>f</i> twice with the same value for an argument <i>x</i> will produce the same result <i>f(x)</i> both times. Eliminating <a href="http://en.wikipedia.org/wiki/Side_effect_(computer_science)" title="Side effect (computer science)">side effects</a>, i.e. changes in state that do not depend on the function inputs, can make it much easier to understand and predict the behavior of a program, which is one of the key motivations for the development of functional programming.</p>
</div>
</div>
</body>
</html>

39
public/vendor/editor/examples/bs2.html vendored Executable file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote Lite - Bootstrap 2</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//stackpath.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//stackpath.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-lite.css">
<script type="text/javascript" src="../summernote-lite.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote Lite with Bootstrap 2</h1>
<p>
<span class="label label-primary">jQuery v3.3.1</span>
<span class="label label-info">Bootstrap v2.3.2</span>
</p>
<div class="summernote"></div>
</div>
</body>
</html>

90
public/vendor/editor/examples/bs3.html vendored Executable file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Bootstrap 3</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css" />
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote.css">
<script type="text/javascript" src="../summernote.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
followingToolbar: true,
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Bootstrap 3</h1>
<p>
<span class="label label-primary">jQuery v3.3.1</span>
<span class="label label-info">Bootstrap v3.3.7</span>
</p>
<div class="summernote"></div>
<pre>
Scroll page to see sticky toolbar.
End of document.
</pre>
</div>
</body>
</html>

90
public/vendor/editor/examples/bs4.html vendored Executable file
View File

@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Bootstrap 4</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
followingToolbar: true,
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Bootstrap 4</h1>
<p>
<span class="badge badge-primary">jQuery v3.3.1</span>
<span class="badge badge-info">Bootstrap v4.1.3</span>
</p>
<div class="summernote"><p>Hello World</p></div>
<pre>
Scroll page to see sticky toolbar.
End of document.
</pre>
</div>
</body>
</html>

50
public/vendor/editor/examples/codemirror.html vendored Executable file
View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - CodeMirror</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include codemirror (codemirror.css, codemirror.js, xml.js, formatting.js)-->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/theme/blackboard.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/theme/monokai.min.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/mode/xml/xml.min.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
codemirror: {
mode: 'text/html',
htmlMode: true,
lineNumbers: true,
theme: 'monokai'
}
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with CodeMirror</h1>
<p><a href="https://summernote.org/examples/#codemirror-as-codeview">https://summernote.org/examples/#codemirror-as-codeview</a></p>
<textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea>
</div>
</body>
</html>

View File

@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Bootstrap 4</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
codeviewFilter: true,
// codeviewRegex: /(.*)/gi,
// codeviewIframeWhitelistSrc: [],
// codeviewIframeWhitelistSrcBase: [],
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Bootstrap 4</h1>
<p>
<span class="badge badge-primary">jQuery v3.3.1</span>
<span class="badge badge-info">Bootstrap v4.1.3</span>
</p>
<div class="summernote"><p>Hello World</p></div>
</div>
</body>
</html>

View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Custom Paragraph Style</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
styleTags: [
'p',
{title: 'Striked', tag: 'p', className: 'striked', value: 'p'},
{title: 'Blockquote', tag: 'blockquote', className: 'blockquote', value: 'blockquote'},
{title: 'Big Title', tag: 'h1', className: 'bigtitle', value: 'h1'}
]
});
});
</script>
<style>
.bigtitle {
font-size: 5em;
}
.striked {
text-decoration: line-through;
}
</style>
</head>
<body>
<div class="container">
<h1>Summernote - Custom Paragraph Style</h1>
<div class="summernote">Make me big!</div>
</div>
</body>
</html>

3
public/vendor/editor/examples/example.css vendored Executable file
View File

@@ -0,0 +1,3 @@
body {
margin-top: 1rem;
}

View File

@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>summernote - external-api</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<style>
.container {
position: absolute;
left: 10%;
right: 10%;
top: 10%;
bottom: 10%;
}
.custom-toolbar {
padding: 5px;
}
h1 {
text-align: center;
}
</style>
<script type="text/javascript">
var $summernote;
$(document).ready(function () {
$summernote = $('.summernote');
// init summernote
$summernote.summernote({
height: 300,
toolbar: false
});
$("button").popover({
trigger: 'hover'
});
});
function command() {
$summernote.summernote(arguments[0], arguments[1]);
}
</script>
</head>
<body>
<div class="container">
<h1>External API Sample</h1>
<div class="custom-toolbar">
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default" data-container="body" data-trigger="hover" data-placement="left" data-content="Sample Content" title="Sample Button" onclick="command('justifyLeft')">Left </button>
<button type="button" class="btn btn-default" onclick="command('justifyCenter')">Middle</button>
<button type="button" class="btn btn-default" onclick="command('justifyRight')">Right</button>
</div>
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-default" data-container="body" data-trigger="hover" data-placement="bottom" data-content="Apply bold style to selected text" title="Bold (CTRL+B)" onclick="command('bold')"><i class="fa fa-bold"></i> Bold </button>
<button type="button" class="btn btn-default" title="Italic (CTRL+I)" onclick="command('italic')"><i class="fa fa-italic"></i> Italic </button>
<button type="button" class="btn btn-default" title="Underline (CTRL+U)" onclick="command('underline')"><i class="fa fa-underline"></i> Underline </button>
<button type="button" class="btn btn-default" title="Remove Font Style (CTRL+\)" onclick="command('removeFormat')" style="color:red;"><i class="fa fa-eraser"></i> Remove Format </button>
</div>
</div>
<div class="summernote">Hello World</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - CodeMirror</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include codemirror (codemirror.css, codemirror.js, xml.js, formatting.js)-->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.min.css" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/theme/blackboard.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/theme/monokai.min.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/codemirror.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.41.0/mode/xml/xml.min.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
codemirror: {
CodeMirrorConstructor: window.CodeMirror,
mode: 'text/html',
htmlMode: true,
lineNumbers: true,
theme: 'monokai'
}
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with CodeMirror</h1>
<p><a href="https://summernote.org/examples/#codemirror-as-codeview">https://summernote.org/examples/#codemirror-as-codeview</a></p>
<textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea>
<p>&nbsp;</p>
<pre>
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
codemirror: {
CodeMirrorConstructor: window.CodeMirror,
mode: 'text/html',
htmlMode: true,
lineNumbers: true,
theme: 'monokai'
}
});
});
</pre>
</div>
</body>
</html>

67
public/vendor/editor/examples/hint-emoji.html vendored Executable file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script type="text/javascript" src="../lang/summernote-ko-KR.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function () {
var self = this;
// load github's emoji list
$.ajax({
url: 'https://api.github.com/emojis'
}).then(function (data) {
var emojis = Object.keys(data);
var emojiUrls = data;
$('.summernote').summernote({
placeholder: 'Type text start with ":". For example, :smile or :+1:.',
height: 300,
hintDirection: 'top',
hint: [{
search: function (keyword, callback) {
callback($.grep(emojis, function (item) {
return item.indexOf(keyword) === 0;
}));
},
match: /\B:([\-+\w]+)$/,
template: function (item) {
var content = emojiUrls[item];
return '<img src="' + content + '" width="20" /> :' + item + ':';
},
content: function (item) {
var url = emojiUrls[item];
if (url) {
return $('<img />').attr('src', url).css('width', 20)[0];
}
return '';
}
}]
});
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Hint Emoji</h1>
<p>This example uses GitHub emojis.</p>
<textarea class="summernote"></textarea>
</div>
</body>
</html>

View File

@@ -0,0 +1,58 @@
<!--
Data Source: http://www.htmlhelp.com/reference/html40/entities/symbols.html
HTML To Convert JSON http://convertjson.com/html-table-to-json.htm
Creator : ARGE|LOG github@argelog.com.tr
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
hint: {
match: /=(\w{0,})$/,
search: function(keyword, callback) {
$.ajax({
url: 'symbols_mathematical-symbols_Greek-letters.json?v=1'
}).then(function (data) {
callback(data.filter(function(item){return item.Character.indexOf(keyword)>-1 || item.FIELD6.indexOf(keyword)>-1;}));
});
},
content: function(item) {
return item.FIELD6;
},
template: function(item) {
return '[<strong>' + item.FIELD6 + '</strong>] ' + item.Character;
}
}
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Greek letters</h1>
<textarea class="summernote">type #su</textarea>
</div>
</body>
</html>

View File

@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
hint: {
match: /#(\w{2,})$/,
search: function(keyword, callback) {
$.ajax({
url: 'https://api.github.com/search/repositories?q=' + keyword + '&order=asc'
}).then(function (data) {
callback(data.items);
});
},
content: function(item) {
return '[' + item.full_name + '] ' + item.description;
},
template: function(item) {
return '[<strong>' + item.full_name + '</strong>] ' + item.description;
}
}
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with User-defined hint</h1>
<p>Please wait a moment while retrieving search result from GitHub after typing.</p>
<textarea class="summernote">type #su</textarea>
</div>
</body>
</html>

73
public/vendor/editor/examples/hint-words.html vendored Executable file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script type="text/javascript" src="../lang/summernote-ko-KR.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function () {
$('.summernote').summernote({
height: 300,
placeholder: 'type starting with @',
hintMode: 'words',
hintSelect: 'next',
hint: {
mentions: [
{
name: 'Jayden Smith',
url: 'http://example.org/person/jayden-smith'
},
{
name: 'Peter Pan',
url: 'http://example.org/person/peter-pan'
},
{
name: 'Lorca',
url: 'http://example.org/person/lorca'
},
{
name: 'David Summer',
url: 'http://example.org/person/david-summer'
}
],
match: /\B@([a-z ]*)/i,
search: function (keyword, callback) {
callback($.grep(this.mentions, function (item) {
return item.name.toLowerCase().indexOf(keyword.toLowerCase()) == 0;
}));
},
template: function(item) {
return item.name;
},
content: function (item) {
return $('<a>')
.attr('href', item.url)
.text('@' + item.name)
.get(0);
}
}
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with multiple words hint</h1>
<textarea class="summernote"></textarea>
</div>
</body>
</html>

View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Bootstrap 4</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
followingToolbar: true,
historyLimit: 5
});
});
</script>
</head>
<body>
<div class="container">
<h1>Test history limited count </h1>
<p>
<span class="badge badge-primary">jQuery v3.3.1</span>
<span class="badge badge-info">Bootstrap v4.1.3</span>
</p>
<div class="summernote"><p>Hello World</p></div>
<pre>
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
followingToolbar: true,
historyLimit: 5
});
});
</pre>
</div>
</body>
</html>

34
public/vendor/editor/examples/ie8.html vendored Executable file
View File

@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.css">
<title>summernote</title>
<script src="//code.jquery.com/jquery-1.11.3.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.3.1/es5-shim.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<link rel="stylesheet" href="../summernote.css">
<script type="text/javascript" src="../summernote.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote example for old browsers</h1>
<p>
<span class="label label-primary">jQuery v3.3.1</span>
<span class="label label-info">Bootstrap v3.3.7</span>
</p>
<div class="summernote"><p>Hello World</p></div>
</div>
</body>
</html>

80
public/vendor/editor/examples/index.html vendored Executable file
View File

@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html>
<head>
<title>Examples</title>
<style type="text/css">
body {
margin: 0 auto;
max-width: 800px;
}
.list .item {
display: grid;
grid-template-columns: 200px 1fr 1fr;
height: 30px;
border-bottom: 1px solid #ececec;
padding: 10px;
}
.item.header {
font-weight: bold;
}
</style>
</head>
<body>
<h1>Summernote Examples </h1>
<div class='list'>
<div class='item header'>
<div class='title'>
Title(Link)
</div>
<div class='description'>
Description
</div>
<div class='version'>
Support Version
</div>
</div>
<div class='list-body' id='listBody'></div>
</div>
<script type="text/javascript">
var samples = [
{ title: 'Languages', link : 'lang.html', description: 'Support language setting', support: 'bs3, bs4, lite'},
{ title: 'Record every key stroke', link : 'recordEveryKeyStroke.html', description: 'Support language setting', support: 'bs3, bs4, lite'},
{ title: 'hint-emoji', link : 'hint-emoji.html', description: 'test hint ui ', support: 'bs3, bs4, lite'},
{ title: 'hint-userdefine', link : 'hint-userdefine.html', description: 'test hint userdefine ', support: 'bs3, bs4, lite'},
{ title: 'hint-symbol', link : 'hint-symbols_mathematical-symbols_Greek-letters.html', description: 'test hint symbol ', support: 'bs3, bs4, lite'},
{ title: 'jQuery custom event', link : 'jquery-custom-event.html', description: 'test jQuery custom event ', support: 'bs3, bs4, lite'},
{ title: 'Plugin : Hello', link : 'plugin-hello.html', description: 'Plugin sample - Hello', support: 'bs3, bs4, lite'},
{ title: 'Limited history stack', link : 'history-limit.html', description: 'Limited history stack', support: 'bs3, bs4, lite'},
{ title: 'Mode Switcher', link : 'mode-switcher.html', description: 'Change mode between Default and Air', support: 'bs3, bs4, lite'},
{ title: 'Air Mode', link : 'airmode.html', description: 'run as airmode', support: 'bs3, bs4, lite'},
{ title: 'Air Mode with scroll', link : 'airmode-scroll.html', description: 'run as airmode with scroll', support: 'bs3, bs4, lite'},
{ title: 'External CodeMirror Constructor', link : 'external-codemirror.html', description: 'support external codemirror', support: 'bs3, bs4, lite'},
]
function generate_sample_pages() {
var html = samples.map(it => {
return "<div class='item'>" +
"<div class='title'>" +
"<a href='/examples/"+it.link+"' target='summernote_window'>" + it.title + "</a>" +
"</div>" +
"<div class='description'>" + it.description + "</div>" +
"<div class='version'>" + it.support + "</div>" +
"</div>"
}).join('')
document.getElementById('listBody').innerHTML = html
}
generate_sample_pages();
</script>
</body>
</html>

View File

@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery old</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').on('summernote.init', function() {
console.log('summernote initialize!')
}).on('summernote.change', function() {
console.log(' changed content ')
}).on('summernote.keyup', function(event) {
console.log('you can use keyboard event', event);
}).on('summernote.enter', function(event) {
console.log('check enter key ');
}).summernote({ height : 500 });
});
</script>
</head>
<body>
<div class="container">
<h1>jQuery Custom Event Sample</h1>
<div class="summernote">
<article class="markdown-body js-file js-task-list-container is-task-list-enabled" data-task-list-update-url="https://gist.github.com/easylogic/95d2dbe03ce500bd0ae1/file/gistfile1.md">
<h1>
<a name="user-content-how-to-set-custom-event" class="anchor" href="#how-to-set-custom-event" rel="noreferrer"><span class="octicon octicon-link"></span></a>How to set custom event</h1>
<h2>
<a name="user-content-current-style-1" class="anchor" href="#current-style-1" rel="noreferrer"><span class="octicon octicon-link"></span></a>current style</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).summernote({
<span class="pl-en">onfocus</span> : <span class="pl-st">function</span>(<span class="pl-vpf">e</span>) {
<span class="pl-c">// to do something</span>
}
});</pre></div>
<h2>
<a name="user-content-jquery-plugin-style" class="anchor" href="#jquery-plugin-style" rel="noreferrer"><span class="octicon octicon-link"></span></a>jquery style</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.focus<span class="pl-pds">"</span></span>, <span class="pl-st">function</span>(<span class="pl-vpf">e</span>) {
<span class="pl-c">// to do something</span>
});</pre></div>
<h1>
<a name="user-content-event-list" class="anchor" href="#event-list" rel="noreferrer"><span class="octicon octicon-link"></span></a>Event List</h1>
<h2>
<a name="user-content-oninit" class="anchor" href="#oninit" rel="noreferrer"><span class="octicon octicon-link"></span></a>oninit</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.init<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onfocus" class="anchor" href="#onfocus" rel="noreferrer"><span class="octicon octicon-link"></span></a>onfocus</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.focus<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onenter" class="anchor" href="#onenter" rel="noreferrer"><span class="octicon octicon-link"></span></a>onenter</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.enter<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onblur" class="anchor" href="#onblur" rel="noreferrer"><span class="octicon octicon-link"></span></a>onblur</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.blur<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onkeyup" class="anchor" href="#onkeyup" rel="noreferrer"><span class="octicon octicon-link"></span></a>onkeyup</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.keyup<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onkeydown" class="anchor" href="#onkeydown" rel="noreferrer"><span class="octicon octicon-link"></span></a>onkeydown</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.keydown<span class="pl-pds">"</span></span>, ...);</pre></div>
<h2>
<a name="user-content-onchange" class="anchor" href="#onchange" rel="noreferrer"><span class="octicon octicon-link"></span></a>onChange</h2>
<div class="highlight highlight-javascript"><pre>$(<span class="pl-s1"><span class="pl-pds">"</span>.summernote<span class="pl-pds">"</span></span>).on(<span class="pl-s1"><span class="pl-pds">"</span>summernote.change<span class="pl-pds">"</span></span>, ...);</pre></div>
</article>
</div>
</div>
</body>
</html>

38
public/vendor/editor/examples/lang.html vendored Executable file
View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote with language files</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script type="text/javascript" src="../lang/summernote-ko-KR.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
lang: 'ko-KR'
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with a language setting</h1>
<p>This example shows Summernote with Korean language(ko-KR) setting.</p>
<textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea>
</div
</body>
</html>

33
public/vendor/editor/examples/link-blank.html vendored Executable file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script type="text/javascript" src="../lang/summernote-ko-KR.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
linkTargetBlank: false
});
});
</script>
</head>
<body>
<textarea class="summernote"></textarea>
</body>
</html>

25
public/vendor/editor/examples/lite.html vendored Executable file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote-lite</title>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<link rel="stylesheet" href="../summernote-lite.css">
<script type="text/javascript" src="../summernote-lite.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2
});
});
</script>
</head>
<body>
<h4>Summernote standalone</h4>
<div class="summernote"></div>
</body>
</html>

View File

@@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote airmode</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
function changeAirMode () {
$('.summernote').summernote('destroy');
$('.summernote').summernote({
tabsize: 2,
airMode: true
});
}
function changeDefaultMode() {
$('.summernote').summernote('destroy');
$('.summernote').summernote({
tabsize: 2,
callbacks: {
onInit: function () {
$(".summernote").summernote('codeview.activate')
}
}
});
}
</script>
</head>
<body>
<div class="container">
<h1>Mode Switcher</h1>
<p><a href="https://summernote.org/examples/#air-mode">https://summernote.org/examples/#air-mode</a></p>
<p>
<button type="button" onclick="changeAirMode()">Air Mode</button>
<button type="button" onclick="changeDefaultMode()">Default Mode</button>
</p>
<div class="summernote">
<p>In <a href="http://en.wikipedia.org/wiki/Computer_science" title="Computer science">computer science</a>, <b>functional programming</b> is a <a href="http://en.wikipedia.org/wiki/Programming_paradigm" title="Programming paradigm">programming paradigm</a>, a style of building the structure and elements of computer programs, that treats <a href="http://en.wikipedia.org/wiki/Computation" title="Computation">computation</a> as the evaluation of <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a> and avoids <a href="http://en.wikipedia.org/wiki/Program_state" title="Program state" class="mw-redirect">state</a> and <a href="http://en.wikipedia.org/wiki/Immutable_object" title="Immutable object">mutable</a> data. Functional programming emphasizes <a href="http://en.wikipedia.org/wiki/Function_(computer_science)" title="Function (computer science)" class="mw-redirect">functions</a> that produce results that depend only on their inputs and not on the program state—i.e. <a href="http://en.wikipedia.org/wiki/Pure_function" title="Pure function">pure</a> <a href="http://en.wikipedia.org/wiki/Function_(mathematics)" title="Function (mathematics)">mathematical functions</a>. It is a <a href="http://en.wikipedia.org/wiki/Declarative_programming" title="Declarative programming">declarative programming</a> paradigm, which means programming is done with <a href="http://en.wikipedia.org/wiki/Expression_(computer_science)" title="Expression (computer science)">expressions</a>. In functional code, the output value of a function depends only on the arguments that are input to the function, so calling a function <i>f</i> twice with the same value for an argument <i>x</i> will produce the same result <i>f(x)</i> both times. Eliminating <a href="http://en.wikipedia.org/wiki/Side_effect_(computer_science)" title="Side effect (computer science)">side effects</a>, i.e. changes in state that do not depend on the function inputs, can make it much easier to understand and predict the behavior of a program, which is one of the key motivations for the development of functional programming.</p>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script>
$(function () {
$('#dropper').on('shown.bs.modal', function() {
$('.dropping').summernote({ height: 300, focus: true, dialogsInBody: true });
}).on('hidden.bs.modal', function () {
$('.dropping').summernote('destroy');
});
$('.nav.nav-tabs a').click(function (e) {
e.preventDefault()
$(this).tab('show')
})
});
</script>
</head>
<body>
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#dropper">Show Dialog</button>
<div id="dropper" class="modal fade" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="nav-item active"><a href="#tab1" class="nav-link active" aria-controls="tab1" role="tab" data-toggle="tab">Tab 1</a></li>
<li role="presentation" class="nav-item"><a href="#tab2" class="nav-link" aria-controls="tab2" role="tab" data-toggle="tab">Tab 2</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="tab1">
<div class="dropping">text...</div>
</div>
<div role="tabpanel" class="tab-pane" id="tab2">
<div class="dropping">text...</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left">
<span class="fa fa-paperclip"></span>
Attach Digital Assets
</button>
<div class="btn-group">
<button type="button" class="btn btn-default opacity75" class="close" data-dismiss="modal">
&times; Cancel
</button>
<button type="button" class="btn btn-warning" href="javascript:postDrop()">
Post Status Update
<span class="fa fa-bullhorn"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

58
public/vendor/editor/examples/ondialog.html vendored Executable file
View File

@@ -0,0 +1,58 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script>
$(function () {
$('#dropper').on('shown.bs.modal', function() {
$('#dropping').summernote({ height: 300, focus: true, dialogsInBody: true });
}).on('hidden.bs.modal', function () {
$('#dropping').summernote('destroy');
});
});
</script>
</head>
<body>
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#dropper">Show Dialog</button>
<div id="dropper" class="modal fade" tabindex="-1" data-backdrop="static" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div id="dropping">text...</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left">
<span class="fa fa-paperclip"></span>
Attach Digital Assets
</button>
<div class="btn-group">
<button type="button" class="btn btn-default opacity75" class="close" data-dismiss="modal">
&times; Cancel
</button>
<button type="button" class="btn btn-warning" href="javascript:postDrop()">
Post Status Update
<span class="fa fa-bullhorn"></span>
</button>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libs stylesheets -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 300,
tabsize: 2,
placeholder: '<b>Enter text here</b><br>... even with multi-line placeholder'
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Placeholder</h1>
<div class="summernote"></div>
</div>
</body>
</html>

View File

@@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>summernote</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<script type="text/javascript" src="../lang/summernote-ko-KR.js"></script>
<script type="text/javascript" src="../plugin/hello/summernote-ext-hello.js"></script>
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
lang: 'ko-KR',
toolbar: [
['style', ['bold', 'italic', 'underline', 'clear']],
['insert', ['hello']]
]
});
});
</script>
</head>
<body>
<textarea class="summernote">Seasons coming up</textarea>
</body>
</html>

View File

@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Record every key stroke</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
recordEveryKeystroke: true
});
});
</script>
</head>
<body>
<div class="container">
<h1>Record every key stroke</h1>
<textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea>
<pre>
$(document).ready(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
recordEveryKeystroke: true
});
});
</pre>
</div>
</body>
</html>

File diff suppressed because it is too large Load Diff

57
public/vendor/editor/examples/textarea.html vendored Executable file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Textarea</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
});
$('form').on('submit', function (e) {
e.preventDefault();
alert($('.summernote').summernote('code'));
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote using textarea</h1>
<div class="card">
<div class="card-header">
Textarea
</div>
<div class="card-body">
<form action="#" novalidate>
<div class="form-group">
<label for="input">Text</label>
<input type="text" class="form-control" id="input" value="Title">
</div>
<div class="form-group">
<label for="contents">Contents</label>
<textarea name="text" class="summernote" id="contents" title="Contents"></textarea>
</div>
<input type="submit" class="btn btn-primary" value="Submit">
</form>
</div>
</div>
</div>
</body>
</html>

View File

@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - Separated containers</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS3 -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
tabsize: 2,
toolbarContainer : "#toolbar"
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with separated containers</h1>
<br>
<h2>Here is a toolbar.</h2>
<div id="toolbar"></div>
<br>
<h2>Here is a summernote.</h2>
<textarea class="summernote">Seasons coming up</textarea>
</div>
</body>
</html>

View File

@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Summernote - With Google Fonts</title>
<!-- include jquery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<!-- include libraries BS -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.5/umd/popper.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.js"></script>
<!-- include summernote -->
<link rel="stylesheet" href="../summernote-bs4.css">
<script type="text/javascript" src="../summernote-bs4.js"></script>
<!-- include Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Coming+Soon" rel="stylesheet" />
<link rel="stylesheet" href="example.css">
<script type="text/javascript">
$(function() {
$('.summernote').summernote({
height: 200,
fontNames : ['Coming Soon'],
fontNamesIgnoreCheck: ['Coming Soon']
});
});
</script>
</head>
<body>
<div class="container">
<h1>Summernote with Google Fonts</h1>
<textarea name="text" class="summernote"><p style="font-family: 'Coming Soon'">Coming Soon!</p></textarea>
</div>
</body>
</html>