Wala shell

Advanced PHP File Manager

Server IP: 127.0.0.1 | PHP Version: 8.3.30 | Domains Hosted: 54

Name	Size	Last Modified	Actions
📁 ..	-	2026-03-19 10:51
📄 airmode.html <!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/2.1.4/jquery.js"></script> <!-- include libs stylesheets --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ height: 300, tabsize: 2, airMode: true }); }); </script> </head> <body> <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> </body> </html>	3.07 KB	2026-03-19 10:51
📄 bs3fa4.html <!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 - bs3fa4</title> <!-- include jquery --> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> <!-- include libs stylesheets --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" /> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ height: 300, tabsize: 2 }); }); </script> </head> <body> <div class="container"> <h4>Lately library <span class="label label-info">Bootstrap v3.3.5</span> </h4> <div class="summernote"></div> </div> </body> </html>	1.03 KB	2026-03-19 10:51
📄 codemirror.html <!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/2.1.4/jquery.js"></script> <!-- include libs stylesheets --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" /> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/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.9.0/codemirror.min.css" /> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/theme/blackboard.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/theme/monokai.min.css"> <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/codemirror.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/5.9.0/mode/xml/xml.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <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> <textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea> </body> </html>	1.71 KB	2026-03-19 10:51
📄 external-api.html <!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/2.1.4/jquery.js"></script> <!-- include libs stylesheets --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" /> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.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>	2.85 KB	2026-03-19 10:51
📄 get-button.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>How to get a button in toolbar</title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <!-- include libraries BS2 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css"/> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.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"> // referer to https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/random function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min)) + min; } $(document).ready(function() { $('.summernote') .on('summernote.change', function() { var $buttons = [ $(this).summernote("toolbar.get", "ol"), $(this).summernote("toolbar.get", "bold"), $(this).summernote("toolbar.get", "italic") ]; for(var i = 0; i < $buttons.length; i++) { var r = getRandomInt(0, 255); var g = getRandomInt(0, 255); var b = getRandomInt(0, 255); $buttons[i].css('background-color', 'rgb(' + r + ',' + g + ',' + b + ')'); } }) .summernote({ height : 300 }); }); </script> </head> <body> <div class="container"> <h1>How to get a button in toolbar</h1> <div class="summernote"> <h1>Button is in a toolbar.</h1> <h3>When change event occurs, some buttons will change background color.</h3> </div> </div> </body> </html>	1.96 KB	2026-03-19 10:51
📄 hint-emoji.html <!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/2.1.4/jquery.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript" src="../lang/summernote-ko-KR.js"></script> <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({ 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> <textarea class="summernote">Type text start with ":". For example, :smile or :+1:.</textarea> </body> </html>	1.98 KB	2026-03-19 10:51
📄 hint-userdefine.html <!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/2.1.4/jquery.js"></script> <!-- include libs stylesheets --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" /> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script src="https://www.google.com/jsapi" type="text/javascript"></script> <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> <textarea class="summernote">type #su</textarea> </body> </html>	1.52 KB	2026-03-19 10:51
📄 jquery-custom-event.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery old</title> <script src="http://code.jquery.com/jquery-1.11.3.js"></script> <!-- include libraries BS2 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css"/> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.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"> $(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 : 300 }); }); </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>	6.03 KB	2026-03-19 10:51
📄 jquery18lt.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery old</title> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <!-- include libraries BS2 --> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({height: 200}); }); </script> </head> <body> <div class="summernote"></div> </body> </html>	773 B	2026-03-19 10:51
📄 lang.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.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, lang: 'ko-KR' }); }); </script> </head> <body> <textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea> </body> </html>	1.05 KB	2026-03-19 10:51
📄 nativestyle.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ height: 200, tabsize: 2, styleWithSpan: false }); }); </script> </head> <body> <textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea> </body> </html>	1009 B	2026-03-19 10:51
📄 ondialog-multitab.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script> $(function () { $('#dropper').on('shown.bs.modal', function() { $('.dropping').summernote({ height: 300, focus: true }); }).on('hidden.bs.modal', function () { $('.dropping').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="active"><a href="#tab1" aria-controls="tab1" role="tab" data-toggle="tab">Tab 1</a></li> <li role="presentation"><a href="#tab2" 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>	2.72 KB	2026-03-19 10:51
📄 ondialog.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script> $(function () { $('#dropper').on('shown.bs.modal', function() { $('#dropping').summernote({ height: 300, focus: true }); }).on('hidden.bs.modal', function () { $('#dropping').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>	1.92 KB	2026-03-19 10:51
📄 plugin-hello.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.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, toolbar: [ ['style', ['bold', 'italic', 'underline', 'clear']], ['insert', ['hello']] ] }); }); </script> </head> <body> <textarea class="summernote">Seasons coming up</textarea> </body> </html>	1.21 KB	2026-03-19 10:51
📄 rtl.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.summernote').summernote({ height: 200, tabsize: 2, direction: 'rtl' }); }); </script> </head> <body> <textarea class="summernote"><p>Seasons <b>coming up</b></p></textarea> </body> </html>	1005 B	2026-03-19 10:51
📄 textarea.html <!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="//code.jquery.com/jquery-1.11.3.min.js"></script> <!-- include libraries BS3 --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" /> <script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script> <!-- include summernote --> <link rel="stylesheet" href="../dist/summernote.css"> <script type="text/javascript" src="../dist/summernote.js"></script> <script type="text/javascript"> $(function() { $('.summernote').summernote({ height: 200 }); $('form').on('submit', function (e) { e.preventDefault(); alert($('.summernote').summernote('code')); alert($('.summernote').val()); }); }); </script> </head> <body> <form action="#" novalidate> <div class="form-group"> <label for="input">Text</label> <input type="text" class="form-input" 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> <button type="submit" class="btn btn-default">submit</button> </form> </body> </html>	1.42 KB	2026-03-19 10:51

Terminal