restore composer.json, add mysqli extension
This commit is contained in:
141
public/vendor/editor/examples/airmode-scroll.html
vendored
Executable file
141
public/vendor/editor/examples/airmode-scroll.html
vendored
Executable 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
39
public/vendor/editor/examples/airmode.html
vendored
Executable 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
39
public/vendor/editor/examples/bs2.html
vendored
Executable 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
90
public/vendor/editor/examples/bs3.html
vendored
Executable 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
90
public/vendor/editor/examples/bs4.html
vendored
Executable 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
50
public/vendor/editor/examples/codemirror.html
vendored
Executable 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>
|
||||
44
public/vendor/editor/examples/codeview-filter.html
vendored
Executable file
44
public/vendor/editor/examples/codeview-filter.html
vendored
Executable 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>
|
||||
49
public/vendor/editor/examples/custom-style.html
vendored
Executable file
49
public/vendor/editor/examples/custom-style.html
vendored
Executable 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
3
public/vendor/editor/examples/example.css
vendored
Executable file
@@ -0,0 +1,3 @@
|
||||
body {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
76
public/vendor/editor/examples/external-api.html
vendored
Executable file
76
public/vendor/editor/examples/external-api.html
vendored
Executable 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>
|
||||
69
public/vendor/editor/examples/external-codemirror.html
vendored
Executable file
69
public/vendor/editor/examples/external-codemirror.html
vendored
Executable 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> </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
67
public/vendor/editor/examples/hint-emoji.html
vendored
Executable 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>
|
||||
58
public/vendor/editor/examples/hint-symbols_mathematical-symbols_Greek-letters.html
vendored
Executable file
58
public/vendor/editor/examples/hint-symbols_mathematical-symbols_Greek-letters.html
vendored
Executable 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>
|
||||
53
public/vendor/editor/examples/hint-userdefine.html
vendored
Executable file
53
public/vendor/editor/examples/hint-userdefine.html
vendored
Executable 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
73
public/vendor/editor/examples/hint-words.html
vendored
Executable 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>
|
||||
52
public/vendor/editor/examples/history-limit.html
vendored
Executable file
52
public/vendor/editor/examples/history-limit.html
vendored
Executable 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
34
public/vendor/editor/examples/ie8.html
vendored
Executable 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
80
public/vendor/editor/examples/index.html
vendored
Executable 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>
|
||||
103
public/vendor/editor/examples/jquery-custom-event.html
vendored
Executable file
103
public/vendor/editor/examples/jquery-custom-event.html
vendored
Executable 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
38
public/vendor/editor/examples/lang.html
vendored
Executable 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
33
public/vendor/editor/examples/link-blank.html
vendored
Executable 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
25
public/vendor/editor/examples/lite.html
vendored
Executable 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>
|
||||
56
public/vendor/editor/examples/mode-switcher.html
vendored
Executable file
56
public/vendor/editor/examples/mode-switcher.html
vendored
Executable 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>
|
||||
77
public/vendor/editor/examples/ondialog-multitab.html
vendored
Executable file
77
public/vendor/editor/examples/ondialog-multitab.html
vendored
Executable 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">
|
||||
× 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
58
public/vendor/editor/examples/ondialog.html
vendored
Executable 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">
|
||||
× 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>
|
||||
|
||||
37
public/vendor/editor/examples/placeholder.html
vendored
Executable file
37
public/vendor/editor/examples/placeholder.html
vendored
Executable 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>
|
||||
38
public/vendor/editor/examples/plugin-hello.html
vendored
Executable file
38
public/vendor/editor/examples/plugin-hello.html
vendored
Executable 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>
|
||||
46
public/vendor/editor/examples/recordEveryKeyStroke.html
vendored
Executable file
46
public/vendor/editor/examples/recordEveryKeyStroke.html
vendored
Executable 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>
|
||||
1118
public/vendor/editor/examples/symbols_mathematical-symbols_Greek-letters.json
vendored
Executable file
1118
public/vendor/editor/examples/symbols_mathematical-symbols_Greek-letters.json
vendored
Executable file
File diff suppressed because it is too large
Load Diff
57
public/vendor/editor/examples/textarea.html
vendored
Executable file
57
public/vendor/editor/examples/textarea.html
vendored
Executable 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>
|
||||
41
public/vendor/editor/examples/toolbar-container.html
vendored
Executable file
41
public/vendor/editor/examples/toolbar-container.html
vendored
Executable 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>
|
||||
40
public/vendor/editor/examples/with-google-font.html
vendored
Executable file
40
public/vendor/editor/examples/with-google-font.html
vendored
Executable 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>
|
||||
Reference in New Issue
Block a user