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-02-12 14:54
📄 .bower.json { "name": "bootstrap3-wysihtml5-bower", "version": "0.3.3", "main": [ "dist/bootstrap3-wysihtml5.min.css", "dist/bootstrap3-wysihtml5.min.js" ], "dependencies": { "wysihtml5x": "0.4.13", "rangy-1.3": "master", "bootstrap": ">=3", "components-font-awesome": "~4.1.0", "handlebars": "~1.3.0", "jquery": ">=2.1" }, "homepage": "https://github.com/Waxolunist/bootstrap3-wysihtml5-bower", "authors": [ "Christian Sterzl <christian.sterzl@gmail.com>" ], "description": "Bootstrap 3 compatible wysiwyg editor", "keywords": [ "bootstrap", "wysiwyg" ], "license": "MIT", "ignore": [ "*/.", "node_modules", "bower_components", "components", "test", "tests", "Gruntfile.js", "package.json", "src" ], "devDependencies": { "requirejs": "~2.1.11", "requirejs-domready": "~2.0.1" }, "_release": "0.3.3", "_resolution": { "type": "version", "tag": "v0.3.3", "commit": "f1b9b218bf2587303167f0c4ab5bc0c08c9f2da4" }, "_source": "git://github.com/Waxolunist/bootstrap3-wysihtml5-bower.git", "_target": "~0.3.3", "_originalSource": "bootstrap3-wysihtml5-bower" }	1.16 KB	2026-02-12 14:54
📄 LICENCE The MIT License (MIT) Copyright (c) 2012 JFHollingworth LTD Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.	1.06 KB	2026-02-12 14:54
📄 README.md # Overview Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of [wysihtml5](https://github.com/xing/wysihtml5) and [Twitter Bootstrap](http://twitter.github.com/bootstrap/). ## About this fork This fork provides the same functionality as the original by [jhollingworth](https://github.com/jhollingworth/bootstrap-wysihtml5) but skips bootstrap 2 support and adds bootstrap 3 support. Besides it uses bower for client side dependency management. ### Why a fork again? The old repository seems to be dead. Pull Requests are not accepted anymore since some time. The other bootstrap-wysihtml5 packages in the bower registry do NOT provide bootstrap 3 support, even if the name so suggests. They are not maintained either. Furthermore the packages on bower do not use proper dependency management. I will maintain this repo and I will accept pull requests. ## Dependencies Additionally to the existing dependencies I added handlebars in version 0.2.0. You only need the handlebars.runtime.min.js. The templates are precompiled during build. This adds less than 7kB to your client (~3kB gzipped). Thus it is easier to maintain the code. Because maintaining code requires maintainable code. ## Development Install all development dependencies via npm install Additionaly you need grunt, grunt-cli and bower as global packages installed. Also install the client dependencies via bower install There is a grunt task for building. Just run grunt on the command line and everything should build fine. ## Installation If you are using bower use the “bootstrap3-wysihtml5-bower” package. bower install bootstrap3-wysihtml5-bower If using Rails, use ["bootstrap-wysihtml5-rails"](https://github.com/Nerian/bootstrap-wysihtml5-rails): gem bootstrap-wysihtml5-rails ## Examples - [http://waxolunist.github.io/bootstrap3-wysihtml5-bower/](http://waxolunist.github.io/bootstrap3-wysihtml5-bower/) For use with requirejs see the examples in the repo. ### Files to reference In the folder dist you will the plain unminified javascript files and two kinds of minified files. bootstrap3-wysihtml5.min.js: This file contains the jquery plugin, the templates and the english translations. If you are referencing this file, you have to reference jquery, bootstrap jquery plugin, handlebars runtime and wysihtml.js. bootstrap3-wysihtml5.all.min.js: This file contains all of the normal minified file plus the handlebars runtime and editor library. If you are referencing this file, you have to reference jquery and bootstrap jquery plugin. bootstrap3-wysihtml5.min.css: This is the stylesheet for this plugin. If you are using any other translation than english, you have to either build this plugin yourself, or reference it separately. ### Usage #### Editable Div This is the new style from version 0.3 on and will be supported on all browsers. The javascript will keep the same. For example it is easier to change the content dynamically on runtime. ```javascript $('.textarea').html('Some text dynamically set.'); ``` #### Textarea This is the old style usage and does use a sandboxed iframe, which will from version 0.3 on not work in IE. ```html <textarea id="some-textarea" placeholder="Enter text ..." style="styles to copy to the iframe"></textarea> <script type="text/javascript"> $('#some-textarea').wysihtml5(); </script> ``` You can get the html generated by getting the value of the text area, e.g. ```javascript $('#some-textarea').val(); ``` #### RequireJS From version 0.3 on, requirejs is supported. The usage with requirejs will be the same with a slightly difference to the localisation feature. English will not be pre loaded, so translations not in the used language will not fallback to english but are just empty. Also if using english you have to load the locale dependency. A minimum example: ```javascript require.config({ paths: { 'domReady': '../components/requirejs-domready/domReady', 'jquery': '../components/jquery/jquery.min', 'bootstrap': '../components/bootstrap/dist/js/bootstrap.min', 'bootstrap.wysihtml5': '../dist/amd/bootstrap3-wysihtml5.all', 'bootstrap.wysihtml5.de-DE': '../dist/locales/bootstrap-wysihtml5.de-DE' }, shim: { 'bootstrap': { deps: ['jquery'] } }, deps: [ './start' ] }); ``` ``` define([ 'require', 'domReady', 'jquery', 'bootstrap.wysihtml5.de-DE' ], function(require, domReady, $) { 'use strict'; domReady(function() { $('.textarea').wysihtml5({ locale: 'de-DE' }); }); }); ``` # Advanced ## Options An options object can be passed in to `.wysihtml5()` to configure the editor: ```javascript $('#some-textarea').wysihtml5({someOption: 23, ...}) ``` #### Buttons To override which buttons to show, set the appropriate flags: ```javascript $('#some-textarea').wysihtml5({ "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true "emphasis": true, //Italics, bold, etc. Default true "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true "html": false, //Button which allows you to edit the generated HTML. Default false "link": true, //Button to insert a link. Default true "image": true, //Button to insert an image. Default true, "color": false, //Button to change color of font "blockquote": true, //Blockquote "size": <buttonsize> //default: none, other options are xs, sm, lg }); ``` Since v0.3.0 toolbar options are nested in toolbar. So use therefore following syntax: ```javascript $('#some-textarea').wysihtml5({ toolbar: { "font-styles": true, //Font styling, e.g. h1, h2, etc. Default true "emphasis": true, //Italics, bold, etc. Default true "lists": true, //(Un)ordered lists, e.g. Bullets, Numbers. Default true "html": false, //Button which allows you to edit the generated HTML. Default false "link": true, //Button to insert a link. Default true "image": true, //Button to insert an image. Default true, "color": false, //Button to change color of font "blockquote": true, //Blockquote "size": <buttonsize> //default: none, other options are xs, sm, lg } }); ``` #### Font Awesome To use Font Awesome for the icons of the toolbar you can use since v0.3.1 following option: ```javascript toolbar: { "fa": true } ``` Don't forget to add the font awesome stylesheet in this case, which is a bower dependency since v0.3.1. #### Custom Templates for Toolbar Buttons see wikie: [Custom Templates](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/wiki/Custom-Templates) ##### Data Attributes As of version 0.2.4 there are two new data attributes. <dl> <dt>data-wysihtml5-format-name</dt> <dd>Normally the inner html of the format command is used to display as current font style. This attribute overrides this value.</dd> <dt>data-wysihtml5-display-format-name</dt> <dd>Whether to show the current font style in the toolbar anyways.</dd> </dl> #### Stylesheets It is possible to supply a number of stylesheets for inclusion in the editor `<iframe>`: ```javascript $('#some-textarea').wysihtml5({ "stylesheets": ["/path/to/editor.css"] }); ``` #### Events Wysihtml5 exposes a [number of events](https://github.com/xing/wysihtml5/wiki/Events). You can hook into these events when initialising the editor: ```javascript $('#some-textarea').wysihtml5({ "events": { "load": function() { console.log("Loaded!"); }, "blur": function() { console.log("Blured"); } } }); ``` #### Shallow copy by default, deep on request Options you pass in will be added to the defaults via a shallow copy. (see [jQuery.extend](http://api.jquery.com/jQuery.extend/) for details). You can use a deep copy instead (which is probably what you want if you're adding tags or classes to parserRules) via 'deepExtend', as in the parserRules example below. #### Parser Rules If you find the editor is stripping out tags or attributes you need, then you'll want to extend (or replace) parserRules. This example extends the defaults to allow the <code><strong></code> and <code><em></code> tags, and the class "middle": ```javascript $('#some-textarea').wysihtml5('deepExtend', { parserRules: { classes: { "middle": 1 }, tags: { strong: {}, em: {} } } }); ``` There's quite a bit that can be done with parserRules; see [wysihtml5's advanced parser ruleset](https://github.com/xing/wysihtml5/blob/master/parser_rules/advanced.js) for details. bootstrap-wysihtml5's default parserRules can be found [in the source](https://github.com/jhollingworth/bootstrap-wysihtml5/blob/master/src/bootstrap-wysihtml5.js) (just search for 'parserRules' in the file). #### Shortcuts You can map your own shortcuts to commands. For example if you want to map the underline command to Alt+T call the editor with following options: ```javascript $('#some-textarea').wysihtml5({ shortcuts: { '84': 'underline' } }); ``` The code executes the command with Alt, Meta or Ctrl pressed. In the example above Ctrl-T in Chrome is already occupied by "New Tab", thus not overridable. #### Defaults You can change bootstrap-wysihtml5's defaults by altering: ```javascript $.fn.wysihtml5.defaultOptions ``` This object has the same structure as the options object you pass in to .wysihtml5(). You can revert to the original defaults by calling: ```javascript $(this).wysihtml5('resetDefaults') ``` Operations on the defaults are not thread-safe; if you're going to change the defaults, you probably want to do it only once, after you load the bootstrap-wysihtml plugin and before you start instantiating your editors. ### The underlying wysihtml5 object You can access the [wysihtml5 editor object](https://github.com/xing/wysihtml5) like this: ```javascript var wysihtml5Editor = $('#some-textarea').data("wysihtml5").editor; wysihtml5Editor.composer.commands.exec("bold"); ``` ### I18n You can use Bootstrap-wysihtml5 in other languages. There are some translations available in the src/locales directory. You can include your desired one after the plugin and pass its key to the editor. Example: ```html <script src="src/locales/bootstrap-wysihtml5.pt-BR.js"></script> <script type="text/javascript"> $('#some-textarea').wysihtml5({locale: "pt-BR"}); </script> ``` It is possible to use custom translations as well. Just add a new key to $.fn.wysihtml5.locale before calling the editor constructor. # Release Notes * 0.3.4 (not yet released): * 0.3.3 (2014/09/08): * Refined bower dependency versions (see [#64](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/64)). * Updated wysihtml5x to 0.4.13 (see [#80](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/80)) * Added automated tests with karma * Switched create link and create image modals to use wysihtml5 events, solving [#61](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/61). * 0.3.2 (2014/06/22): * Updated and better build (see [#60](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/60) and [#56](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/56)). * Corrected size option in templates (see [#58](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/58)) * Updated wysihtml5x to 0.4.9 (see [#57](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/57)) * 0.3.1 (2014/06/11): * Updated locales es-ES and es-AR ([#49](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/49)) * Updated wysihtml5x to 0.4.8 ([#53](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/53)) * Added toolbar option for enabling font awesome ([#51](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/51)) * Resolved custom shortcut issue ([#43](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/43)) * 0.3.0 (2014/05/04): * Changed wysihtml implementation to wysihtml5x-0.4.4 * Added support for requirejs ([#40](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/40)) * Fixed version of jquery to be higher or equal to 2.1.0 * This release adds support for div tags instead of textarea as editor container. The div tag will be from now on the recommended way of starting an editor instance. * 0.2.12 (not yet released): * 0.2.11 (2014/06/22): * Updated and better build (see [#60](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/60) and [#56](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/56)). * 0.2.10 (2014/06/11): * Added option for small modals (adding class `.modal-sm` to `.modal-dialog`) ([#42](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/42)) * Fixed version of jquery to be lower than 2.1.0 because of path incompatibilities * Updated locales es-ES and es-AR ([#49](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/49)) * Resolved custom shortcut issue ([#43](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/43)) * 0.2.9 (2014/02/28): * Added hebrew translation * Updated spanish translations (es-ES, es-AR) * Provided easier way of adding custom template ([#39](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/39)) * 0.2.8 (2014/02/11): * Updated bootstrap to version 0.3.1 ([#32](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/32)) * Fixed issue with IE10 ([#30](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/30)) * Updated build dependencies (see package.json) * 0.2.7 (2014/01/16): * Updated brazilian translation. ([#26](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/26)) * Updated french translation. ([#27](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/27)) * Updated Bootstrap to the latest version 3.0.3 ([#28](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/28)) * Updated handlebars to the latest version 1.3.0 ([#28](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/pull/28)) * 0.2.6 (2013/12/20): * Ability to define own shortcuts ([#23](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/23)). * New command "small" ([#19](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/19)). * Normal text writes now "p" instead of "div" ([#21](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/21)). * If a text element has no translation it falls back to english instead of an empty string ([#24](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/24)). * Some refactoring to add new commands in the future with ease. * New build task for easier development. * 0.2.5 (2013/12/17): * Updated german translation * Fix issue [#8](https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/issues/8): Provide fallback if locale is not found. * 0.2.4 (2013/12/13): * Added blockquote format button * Added 2 new data attributes: data-wysihtml5-display-format-name and data-wysihtml5-format-name * 0.2.3 (2013/12/11): * Updated arabic translation. * Updated bulgarian translation. * Updated danish translation. * Updated czech translation. * Updated catalan translation. * Updated brazilian translation. * 0.2.2 (2013/11/23): * Updated polish translation. * 0.2.1 (2013/11/23): * Updated french translation. * Added hungarian translation. * Allow strong, p and em to the list of allowed tags. * 0.2.0 (2013/11/22): * Clean up code (jshint). * Add handlebars for better maintainability of templates. * 0.1.0 (2013/11/20): * Forked code and made it fit for bower. * Add build tasks for grunt. * Some bug fixes, to run tests again. # Thanks for assistance and contributions * Garito (https://github.com/Garito) * jmlweb (https://github.com/jmlweb) * corbinu (https://github.com/corbinu) * Nerian (https://github.com/Nerian)	15.57 KB	2026-02-12 14:54
📄 bower.json { "name": "bootstrap3-wysihtml5-bower", "version": "0.3.3", "main": [ "dist/bootstrap3-wysihtml5.min.css", "dist/bootstrap3-wysihtml5.min.js" ], "dependencies": { "wysihtml5x": "0.4.13", "rangy-1.3": "master", "bootstrap": ">=3", "components-font-awesome": "~4.1.0", "handlebars": "~1.3.0", "jquery": ">=2.1" }, "homepage": "https://github.com/Waxolunist/bootstrap3-wysihtml5-bower", "authors": [ "Christian Sterzl <christian.sterzl@gmail.com>" ], "description": "Bootstrap 3 compatible wysiwyg editor", "keywords": [ "bootstrap", "wysiwyg" ], "license": "MIT", "ignore": [ "*/.", "node_modules", "bower_components", "components", "test", "tests", "Gruntfile.js", "package.json", "src" ], "devDependencies": { "requirejs": "~2.1.11", "requirejs-domready": "~2.0.1" } }	893 B	2026-02-12 14:54
📁 dist	-	2026-02-12 14:54
📁 examples	-	2026-02-12 14:54
📄 index-all.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta charset="utf-8"> <title>bootstrap-wysihtml5</title> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap.min.css"></link> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap-theme.min.css"></link> <link rel="stylesheet" type="text/css" href="dist/bootstrap3-wysihtml5.min.css"></link> <style type="text/css" media="screen"> .btn.jumbo { font-size: 20px; font-weight: normal; padding: 14px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } </style> </head> <body> <div class="container"> <div class="jumbotron" style="margin-top:40px"> <h1 style="font-size:58px">bootstrap-wysihtml5 <br/><small>Simple, beautiful wysiwyg editors</small></h1> <hr style="border-color: white"/> <textarea class="textarea" placeholder="Enter text ..." style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea> </div> <div class="row"> <div class="span6"> <h2>About</h2> <p> bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of <a href="https://github.com/xing/wysihtml5">wysihtml5</a> and <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap 3</a> </p> <p style="text-align:center; margin-top:20px"> <a class="btn btn-large btn-primary jumbo" href="https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/">View project on Github</a> </p> </div> <div class="span6" > <h2>Usage</h2> <p> <pre>$('.textarea').wysihtml5();</pre> </p> </div> </div> </div> <script src="components/jquery/dist/jquery.min.js"></script> <script src="components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="dist/bootstrap3-wysihtml5.all.min.js"></script> <script> $('.textarea').wysihtml5(); </script> </body> </html>	2.02 KB	2026-02-12 14:54
📄 index-dev.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta charset="utf-8"> <title>bootstrap-wysihtml5</title> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap.min.css"></link> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap-theme.min.css"></link> <link rel="stylesheet" type="text/css" href="src/bootstrap3-wysihtml5.css"></link> <style type="text/css" media="screen"> .btn.jumbo { font-size: 20px; font-weight: normal; padding: 14px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .editable { width: 100%; height: 200px; font-size: 14px; line-height: 18px; background-color: white; overflow-y: scroll; } </style> </head> <body> <div class="container"> <div class="jumbotron" style="margin-top:40px"> <h1 style="font-size:58px">bootstrap-wysihtml5 <br/><small>Simple, beautiful wysiwyg editors</small></h1> <hr style="border-color: white"/> <div class="editable" placeholder="Enter text ..."></div> </div> <div class="row"> <div class="span6"> <h2>About</h2> <p> bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of <a href="https://github.com/xing/wysihtml5">wysihtml5</a> and <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap 3</a> </p> <p style="text-align:center; margin-top:20px"> <a class="btn btn-large btn-primary jumbo" href="https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/">View project on Github</a> </p> </div> <div class="span6" > <h2>Usage</h2> <p> <pre>$('.textarea').wysihtml5();</pre> </p> </div> </div> </div> <!-- <script src="components/wysihtml5/dist/wysihtml5-0.3.0.js"></script> --> <script src="components/wysihtml5x/dist/wysihtml5x-toolbar.js"></script> <script src="components/jquery/dist/jquery.min.js"></script> <script src="components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="components/handlebars/handlebars.runtime.min.js"></script> <script src="src/generated/templates.js"></script> <script src="src/bootstrap3-wysihtml5.js"></script> <script src="src/locales/bootstrap-wysihtml5.en-US.js"></script> <script src="src/locales/bootstrap-wysihtml5.de-DE.js"></script> <script src="src/generated/commands.js"></script> <script> var customTemplates = { custombuttons: function(customOptions) { var size = (customOptions.options && customOptions.options.size) ? ' btn-'+customOptions.options.size : ''; return "<li>" + "<div class='btn-group'>" + "<a class='btn btn-default" + size + "' data-wysihtml5-command='insertHTML' data-wysihtml5-command-value='…' title='CTRL+B' tabindex='-1'>&hellip</a>" + "</div>" + "</li>"; }, }; $('.editable').wysihtml5({ toolbar: { 'blockquote': false, 'font-styles': {}, 'emphasis': { 'small': false }, 'html': true, 'custombuttons': true, 'smallmodals': true }, customTemplates: customTemplates, events: { 'load': function() { $('.editable').html('Some text here after loading.'); console.log('loaded!'); } }, locale: 'de-DE', shortcuts: { 75: "createLink" } }); </script> </body> </html>	3.46 KB	2026-02-12 14:54
📄 index-multi-dev.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta charset="utf-8"> <title>bootstrap-wysihtml5</title> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap.min.css"></link> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap-theme.min.css"></link> <link rel="stylesheet" type="text/css" href="components/components-font-awesome/css/font-awesome.min.css"></link> <link rel="stylesheet" type="text/css" href="src/bootstrap3-wysihtml5.css"></link> <style type="text/css" media="screen"> .btn.jumbo { font-size: 20px; font-weight: normal; padding: 14px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } div.textarea { width: 100%; font-size: 14px; line-height: 18px; background-color: white; min-height: 200px; } div.textarea.fixed { overflow-y: scroll; height: 200px; } </style> </head> <body> <div class="container"> <div class="jumbotron" style="margin-top:40px"> <h1 style="font-size:58px">bootstrap-wysihtml5 <br/><small>Simple, beautiful wysiwyg editors</small></h1> <hr style="border-color: white"/> <h1>First editor (Textarea)</h1> <textarea id="textarea1" class="textarea" placeholder="Enter text ..." style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea> <h1>Second editor (Div)</h1> <div id="textarea2" class="textarea fixed" placeholder="Enter text ..."></div> <h1>Third editor (Div)</h1> <div id="textarea3" class="textarea" placeholder="Enter text ..."></div> </div> <div class="row"> <div class="span6"> <h2>About</h2> <p> bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of <a href="https://github.com/xing/wysihtml5">wysihtml5</a> and <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap 3</a> </p> <p style="text-align:center; margin-top:20px"> <a class="btn btn-large btn-primary jumbo" href="https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/">View project on Github</a> </p> </div> <div class="span6" > <h2>Usage</h2> <p> <pre>$('.textarea').wysihtml5();</pre> </p> </div> </div> </div> <!-- <script src="components/wysihtml5/dist/wysihtml5-0.3.0.js"></script> --> <script src="components/wysihtml5x/dist/wysihtml5x-toolbar.js"></script> <script src="components/jquery/dist/jquery.min.js"></script> <script src="components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="components/handlebars/handlebars.runtime.min.js"></script> <script src="src/generated/templates.js"></script> <script src="src/bootstrap3-wysihtml5.js"></script> <script src="src/locales/bootstrap-wysihtml5.en-US.js"></script> <script src="src/locales/bootstrap-wysihtml5.de-DE.js"></script> <script src="src/generated/commands.js"></script> <script> $('#textarea1').wysihtml5({ toolbar: { 'html': true }, locale: 'de-DE', parserRules: { 'tags': { 'a': { 'check_attributes': { 'href': 'href' } } } } }); $('#textarea2').wysihtml5({ toolbar: { 'html': true, fa: true }, locale: 'de-DE' }); $('#textarea3').wysihtml5({ toolbar: { 'html': true }, size: 'sm', locale: 'de-DE' }); //Example for setting value at runtime $('#textarea1').val('Some text'); console.log($('#textarea1').val()); $('#textarea3').html('Some text'); console.log($('#textarea3').html()); function copyVals() { console.log('here'); $('#textarea2').html($('#textarea1').val()); } </script> <div> <p> Copy text from textare1 to textarea2: </p> <input type="button" onclick="copyVals()" value="copy"/> </div> </body> </html>	3.89 KB	2026-02-12 14:54
📄 index.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta charset="utf-8"> <title>bootstrap-wysihtml5</title> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap.min.css"></link> <link rel="stylesheet" type="text/css" href="components/bootstrap/dist/css/bootstrap-theme.min.css"></link> <link rel="stylesheet" type="text/css" href="dist/bootstrap3-wysihtml5.min.css"></link> <style type="text/css" media="screen"> .btn.jumbo { font-size: 20px; font-weight: normal; padding: 14px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } </style> </head> <body> <div class="container"> <div class="jumbotron" style="margin-top:40px"> <h1 style="font-size:58px">bootstrap-wysihtml5 <br/><small>Simple, beautiful wysiwyg editors</small></h1> <hr style="border-color: white"/> <textarea class="textarea" placeholder="Enter text ..." style="width: 100%; height: 200px; font-size: 14px; line-height: 18px;"></textarea> </div> <div class="row"> <div class="span6"> <h2>About</h2> <p> bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of <a href="https://github.com/xing/wysihtml5">wysihtml5</a> and <a href="http://twitter.github.com/bootstrap/">Twitter Bootstrap 3</a> </p> <p style="text-align:center; margin-top:20px"> <a class="btn btn-large btn-primary jumbo" href="https://github.com/Waxolunist/bootstrap3-wysihtml5-bower/">View project on Github</a> </p> </div> <div class="span6" > <h2>Usage</h2> <p> <pre>$('.textarea').wysihtml5();</pre> </p> </div> </div> </div> <script src="components/wysihtml5x/dist/wysihtml5x-toolbar.min.js"></script> <script src="components/jquery/dist/jquery.min.js"></script> <script src="components/bootstrap/dist/js/bootstrap.min.js"></script> <script src="components/handlebars/handlebars.runtime.min.js"></script> <script src="dist/bootstrap3-wysihtml5.min.js"></script> <script> $('.textarea').wysihtml5(); </script> </body> </html>	2.16 KB	2026-02-12 14:54
📄 karma.conf.js // Karma configuration // Generated on Thu Jun 26 2014 23:11:33 GMT+0200 (CEST) module.exports = function(config) { config.set({ // base path that will be used to resolve all patterns (eg. files, exclude) basePath: '', // frameworks to use // available frameworks: https://npmjs.org/browse/keyword/karma-adapter frameworks: ['qunit'], plugins: ['karma-qunit', 'karma-chrome-launcher'], // list of files / patterns to load in the browser files: [ // Bower deps {pattern: 'components/wysihtml5x/dist/wysihtml5x-toolbar.js', watched: false, included: true, served: true}, {pattern: 'components/jquery/dist/jquery.js', watched: false, included: true, served: true}, {pattern: 'components/bootstrap/dist/js/bootstrap.min.js', watched: false, included: true, served: true}, {pattern: 'components/handlebars/handlebars.runtime.min.js', watched: false, included: true, served: true}, // Node deps {pattern: 'node_modules/qunitjs/qunit/qunit.js', watched: false, included: true, served: true}, {pattern: 'node_modules/happen/happen.js', watched: false, included: true, served: true}, {pattern: 'node_modules/qunit-assert-html/dist/qunit-assert-html.js', watched: false, included: true, served: true}, // Source {pattern: 'src/generated/templates.js', watched: true, included: true, served: true}, {pattern: 'src/bootstrap3-wysihtml5.js', watched: true, included: true, served: true}, {pattern: 'src/locales/bootstrap-wysihtml5.en-US.js', watched: true, included: true, served: true}, {pattern: 'src/generated/commands.js', watched: true, included: true, served: true}, //CSS {pattern: 'components/bootstrap/dist/css/.min.css', watched: false, included: true, served: true}, {pattern: 'components/bootstrap/dist/fonts/', watched: false, included: false, served: true}, {pattern: 'src/.css', watched: false, included: true, served: true}, // Test helpers {pattern: 'test/testhelper.js', watched: true, included: true, served: true}, {pattern: 'test/karma/test-main.js', watched: true, included: true, served: true}, // Tests {pattern: 'test//test.js', watched: true, included: true, served: true} ], // list of files to exclude or ignored tests exclude: [ //small doesn't work at the moment. see https://github.com/Edicy/wysihtml5/issues/59 'test/bs/bootstrap_editor_commands_test.js' ], // preprocess matching files before serving them to the browser // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor preprocessors: { }, // test results reporter to use // possible values: 'dots', 'progress' // available reporters: https://npmjs.org/browse/keyword/karma-reporter reporters: ['progress'], // web server port port: 9876, // enable / disable colors in the output (reporters and logs) colors: true, // level of logging // possible values: config.LOG_DISABLE \|\| config.LOG_ERROR \|\| config.LOG_WARN \|\| config.LOG_INFO \|\| config.LOG_DEBUG logLevel: config.LOG_INFO, // enable / disable watching file and executing tests whenever any file changes autoWatch: true, // start these browsers // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher browsers: ['Chrome'], // Continuous Integration mode // if true, Karma captures browsers, runs the tests and exits singleRun: false }); };	3.49 KB	2026-02-12 14:54

Terminal