![\"avot®\"](\"https://rawcdn.githack.com/Alex-D/Trumbowyg/develop/sponsors/avot.svg\")
\n \n\n \n \n \n
\n \n Become a Sponsor\n \n
\n\n\n \n ![\"SocialOptic\"](\"https://rawcdn.githack.com/Alex-D/Trumbowyg/develop/sponsors/socialoptic.png\")
\n \n
\n \n Become a Sponsor\n \n
\n\n\n \n Become a Backer\n \n
\n" }, { "path": "CONTRIBUTORS.md", "content": "# Contributors\n\nTrumbowyg is the result of many people who made translations or the code better.\n\nSpecial thanks to [Adrien Gervaix](https://dribbble.com/adriengervaix) for the Trumbowyg v2 icon set.\n\n- Alex-D\n- Steve Rackham\n- Lawrence\n- Ra100\n- lizardK\n- Ulrich Mayring\n- Kirill Urgant\n- VeeeneX\n- Nicolas Pion\n- Sven Dunemann\n- Zane Chua\n- freekpost\n- Blufish Technologies\n- Civil\n- Danny Hiemstra\n- Edwin Veldhuizen\n- Florian\n- Michael Holroyd\n- Nicklas\n- Nicolás Moncada\n- Don Desroches\n- Jan Svoboda\n- Martin\n- Max Seelig\n- Stufingo\n- Alexander van Eerd\n- AragurDEV\n- Davor Budimir\n- Eduardo Russo\n- Fathi Anshory\n- Fyers\n- Hirokazu Kutsu\n- Justas Brazauskas\n- Jérôme Steunou\n- Manfred62\n- Merianos Nikos\n- Nikola Trifunovic\n- Paul Pritchard\n- Richard Kiewiet\n- Stef Kariotidis\n- Vijay Jagadeesan\n- Vlad Radulescu\n- Vladimir\n- foo9\n- g2010a\n- hiendv\n- jake johns\n- matopeter\n- ronan\n- sinjuice\n- Adam Balogh\n- AdamHess\n- Aleksandar Dimitrov\n- Aleksandr-ru\n- Alessio Dionisi\n- Alex Gotardi\n- Andreas Kohn\n- Andrei\n- Andrey Kogut\n- Antoine Leblanc\n- Anton Morozov\n- Artur\n- Benjamin Bourot\n- Bennett\n- Boylett\n- Burak Erdem\n- Burak Ozdemir\n- Carlos Barros\n- Chitoku\n- Christian\n- Christopher Kirk-Nielsen\n- maxom\n- Dariush Abbasi\n- Delvallée\n- Denis Jacquemin\n- Elisha Witte\n- Eric Radin\n- Ersin Guvenc\n- François Houlbrèque\n- Freek Post\n- Gabriel S. L\n- Grafikart\n- Henio Tierra\n- Hunor Karamán\n- Ian Mustafa\n- John Pozy\n- Jonathan Hedrén\n- Jonathan del Strother\n- JoongSeob Vito Kim\n- Jorrit Schippers\n- Karalkou\n- Ken Cheung\n- Kim Trolle Wadum\n- Lars Boldt\n- Leo Gono\n- Leopard Ho\n- MIRK0\n- Marcin Wieprzkowicz\n- Markus Spallek\n- Matt Johnson\n- Mattias Hagberg\n- Mike Goodfellow\n- Mike Richmond\n- Mitja Šlenc\n- Moisés Márquez\n- Nathan Rosquist\n- Nenad Novkovic\n- Nikki Locke\n- OBernard2\n- Oguzhan Inan\n- Oleg Berman\n- Paweł Abramowicz\n- Peter Dave Hello\n- Petr Čech\n- Philipp Palmtag\n- Ramiro Varandas Jr\n- Rezha Julio\n- Ricardo Cardeña\n- Roberto\n- Rodrigo Boratto\n- Sergey Golomedov\n- Stéphane Lavergne\n- TheGeekTortoise\n- Tiago Alves\n- TikiTDO\n- Tim\n- Timo Jarventausta\n- Todd Graham\n- Val\n- Vietworm\n- Vinzgore\n- Wisse Jelgersma\n- Zane J. Chua\n- abomokhahmed\n- adalenv\n- akai\n- basteyy\n- brainfogz\n- brentanalexander\n- chadidi\n- cleoo\n- de Oliveira Prado\n- dev.hibiki\n- dominiczaq\n- figroc\n- gonatee\n- joey91133\n- jsejakobsen\n- kingdido999\n- loclamor\n- luetge\n- munzur\n- naoh\n- root\n- slackwalker\n- teppokoivula\n- udidoron\n- Игорь\n- Михаил Гущин\n- Олег Ильин\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2012-2016 Alexandre Demode (Alex-D)\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n" }, { "path": "README.md", "content": "\n ![\"\"](\"banner.jpg\")
\n
\n ![\"Downloads\"](\"https://img.shields.io/bundlephobia/minzip/trumbowyg.svg?style=for-the-badge\")
\n ![\"Downloads\"](\"https://img.shields.io/npm/dm/trumbowyg.svg?color=blue&label=npm%20downloads&style=for-the-badge\")
\n ![\"Licence\"](\"https://img.shields.io/npm/l/trumbowyg.svg?color=blue&style=for-the-badge\")
\n
\n ![\"Version](\"https://img.shields.io/npm/v/trumbowyg.svg?color=blue&style=for-the-badge\")
\n ![\"CDNJS\"](\"https://img.shields.io/cdnjs/v/Trumbowyg.svg?color=blue&style=for-the-badge\")
\n ![\"Version](\"https://img.shields.io/bower/v/trumbowyg.svg?color=blue&style=for-the-badge\")
\n
\n Premirus Corporation\n
\n\n\n •••
\n \n Become a Sponsor\n \n
\n \n ![](\"https://avatars2.githubusercontent.com/u/426843?s=150&v=4\") \n @Alex-D\n \n Alexandre Demode \n • • • \n Latest release and announcements \n https://x.com/AlexandreDemode\n | \n
\n Gives you a dark button pane.\n
\n\n For demo purpose, this page has been forced to be in dark mode.\n
\n\n\n<!-- Wrap the editor with an element with the class trumbowyg-dark -->\n<div class=\"trumbowyg-dark\">\n <textarea id=\"editor\"></textarea>\n</div>\n \n$('#editor').trumbowyg();\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n No plugin, no options. Just naked Trumbowyg.\n
\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor').trumbowyg();\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Only strong (bold), emphasis (italic), some align, image and link.\n
\n\n\n Colllect — See more at https://colllect.io\n
\n\n ![\"Colllect\"](\"http://getcollect.io/images/install/ui.png\")
\n
\n$('#editor').trumbowyg({\n btns: [\n ['strong', 'em'],\n ['justifyLeft', 'justifyCenter'],\n ['insertImage', 'link']\n ]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n ![\"\"](\"../img/logo-doc.svg\"){kind=logo}
\n \n \n This plugin allows you to filter tags allowed when an user paste some code into the editor.\n
\n\n Read allow tags from paste plugin documentation\n\n\n Only `h2`, `p` `strong` and `br` tags are allowed!\n All other tags will be removed.\n
\n\n This table will be not pasted:\n
\n| h4 must be kept | \nbut not | \nthis table | \n
| Second line | \nwill be | \nstriped out too | \n
![\"\"](\"../img/beer.svg\")
\n \n$('#editor')\n.trumbowyg({\n btns: [\n 'viewHTML',\n 'h4'\n ],\n plugins: {\n allowTagsFromPaste: {\n allowedTags: ['h4', 'p', 'br']\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n You can insert an image in base64 in src attribute of img tag.\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['base64']\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor-dropdown')\n.trumbowyg({\n btnsDef: {\n // Create a new dropdown\n image: {\n dropdown: ['insertImage', 'base64'],\n ico: 'insertImage'\n }\n },\n // Redefine the button pane\n btns: [\n ['viewHTML'],\n ['formatting'],\n ['strong', 'em', 'del'],\n ['superscript', 'subscript'],\n ['link'],\n ['image'], // Our fresh created dropdown\n ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ['unorderedList', 'orderedList'],\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Clean paste plugin handle paste events, clean the HTML code before insert content into the editor.\n
\n\n Read clean paste plugin documentation\n\n\n Then, check the markup. Should be cleaner than original.\n
\n\n$('#editor').trumbowyg();\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to add a foreground and/or background color picker.\n
\n\n Read colors plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n});\n \n You can customize the color list used by both dropdowns.\n
\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-color-list').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n plugins: {\n colors: {\n colorList: [\n '000', '111', '222', 'ffea00'\n ]\n }\n }\n});\n \n You can customize the color list used by each dropdown independently.\n
\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-color-list-for-each').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n plugins: {\n colors: {\n foreColorList: [\n 'ff0000', '00ff00', '0000ff'\n ],\n backColorList: [\n '000', '333', '555'\n ]\n }\n }\n});\n \n The displayAsList option allows you to change the layout of the color dropdown from squares to list.\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n// Human labels for each hex color\nvar colorLabels = {\n '#000': 'Black',\n '#555': 'Dark grey',\n '#ff0000': 'Red',\n '#00ff00': 'Green',\n '#0000ff': 'Blue',\n '#ff1493': 'Pink',\n};\n\n$.each(colorLabels, function(colorHexCode, colorLabel) {\n $.trumbowyg.langs.en[colorHexCode] = colorLabel;\n})\n\n$('#editor-display-as-list').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n plugins: {\n colors: {\n foreColorList: [\n 'ff0000', '00ff00', '0000ff', 'ff1493'\n ],\n backColorList: [\n '000', '555', 'ff0000'\n ],\n displayAsList: true\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to add an emoji picker in Trumbowyg.\n
\n\n Read emoji plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['emoji']\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n User can pick some fonts in Trumbowyg.\n
\n\n Read font family plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['fontfamily']\n ]\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-font-list')\n.trumbowyg({\n btns: [\n ['fontfamily']\n ],\n plugins: {\n fontfamily: {\n fontList: [\n {name: 'Arial', family: 'Arial, Helvetica, sans-serif'},\n {name: 'Comic Sans', family: '\\'Comic Sans MS\\', Textile, cursive, sans-serif'},\n {name: 'Open Sans', family: '\\'Open Sans\\', sans-serif'}\n ]\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n User can change font size in Trumbowyg.\n
\n\n Read font size plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['fontsize']\n ]\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-font-sizes')\n.trumbowyg({\n btns: [\n ['fontsize']\n ],\n plugins: {\n fontsize: {\n sizeList: [\n '14px',\n '18px',\n '22px'\n ],\n allowCustomSize: false\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n User can insert some GIFs from Giphy in Trumbowyg.\n
\n\n Read Giphy plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['giphy']\n ],\n plugins: {\n giphy: {\n apiKey: 'dNhCbN6hrhpBMxXhIswM34wIR2UBpCns'\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to add an code highlighter in Trumbowyg.\n
\n Read highlight plugin documentation\n\nJust press plugin button and paste code there!
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['highlight']\n ]\n});\n \n<!-- Import prismjs stylesheet -->\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/prism/1.13.0/themes/prism.css\">\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/plugins/line-highlight/prism-line-highlight.min.css\">\n \n<!-- Import jQuery -->\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n<!-- Import prismjs -->\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/prism.min.js\"></script>\n<!-- Import prismjs line highlight plugin -->\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/prism/1.24.1/plugins/line-highlight/prism-line-highlight.min.js\"></script>\n \n This plugin gives you an improved undo and redo functionality based on editor changes.\n
\n\n Read history plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: [['historyUndo','historyRedo']]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to indent or outdent into your page creating vibrante documents.\n
\n\n Read insert indent plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['indent', 'outdent']\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to insert audio files into your page creating vibrante documents.\n
\n\n Read insert audio plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['insertAudio']\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n User can change the line-height in Trumbowyg.\n
\n\n Read font size plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['lineheight']\n ]\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-font-sizes')\n.trumbowyg({\n btns: [\n ['lineheight']\n ],\n plugins: {\n lineheight: {\n sizeList: [\n '14px',\n '18px',\n '22px'\n ]\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allows user to use MathML.\n
\n\n Read MathML plugin documentation\n\n\n \n \n
\n\n// MathJax inline configuration\nMathJax.Hub.Config({\n tex2jax: {\n inlineMath: [\n ['$', '$'],\n ['\\\\(', '\\\\)']\n ]\n }\n});\n\n// Trumbowyg initialization with MathML button\n$('#editor')\n.trumbowyg({\n btns: [\n 'viewHTML',\n 'mathml'\n ]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n\n<!-- Import MathJax -->\n<script src=\"//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML\"></script>\n \n This plugin allows to mention an user from a source list.\n
\n\n Read Mention plugin documentation\n\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['mention']\n ],\n plugins: {\n mention: {\n source: [\n {login: 'jdoe', name: 'John Doe (The Jean-Claude Van Damme\\'s intern)'},\n {login: 'lgaga', name: 'Lady Gaga'},\n {login: 'jcvd', name: 'Jean-Claude Van Damme'},\n {login: 'nminaj', name: 'Nicki Minaj'},\n {login: 'mshinoda', name: 'Mike Shinoda'},\n {login: 'epiaf', name: 'Edith Piaf'},\n {login: 'kwest', name: 'Kanye West'},\n {login: 'jbalasko', name: 'Josiane Balasko'},\n {login: 'jcesar', name: 'Julius Cesarius'},\n {login: 'mlisa', name: 'Mona Lisa'},\n {login: 'mjackson', name: 'Mickael Jackson'},\n {login: 'fflament', name: 'Flavie Flament'},\n ],\n formatDropdownItem: function (item) {\n return item.name + ' (@' + item.login + ')';\n }\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n You can insert embedded content via an embed proxy.\n Plugin uses noembed by default.\n
\n\n Read noembed plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n \n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['noembed']\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor-dropdown')\n.trumbowyg({\n btnsDef: {\n // Create a new dropdown\n image: {\n dropdown: ['insertImage', 'noembed'],\n ico: 'insertImage'\n }\n },\n // Redefine the button pane\n btns: [\n ['viewHTML'],\n ['formatting'],\n ['strong', 'em', 'del'],\n ['superscript', 'subscript'],\n ['link'],\n ['image'], // Our fresh created dropdown\n ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ['unorderedList', 'orderedList'],\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to insert iframes into your editor just by pasting an URL.
\n It uses noembed.com API to support X, YouTube, SoundCloud and more. Find all supported websites at noembed.com.\n
Try pasting this one: https://www.youtube.com/watch?v=dQw4w9WgXcQ
\n\n$('#editor').trumbowyg();\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Paste image plugin handle paste events, check if you have image files in your clipboard, then paste them\n into the editor as base64. It do nothing on text or HTML paste.\n
\n\n Read paste image plugin documentation\n\nFor example, you can right-click > Copy Image on the Trumbowyg logo, then paste it here.
\n\n$('#editor').trumbowyg();\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Wraps/unwraps your code with <pre><code> tags.\n
\n$('#editor')\n.trumbowyg({\n btns: [\n 'viewHTML',\n 'preformatted'\n ]\n});\n
\n\n Then check the HTML, code is now wrapped into pre + code tags!\n
\n$('#editor')\n.trumbowyg({\n btns: [\n 'viewHTML',\n 'preformatted'\n ]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Images can be resized by click over the image and dragging their bottom-right corner (the white ones).\n
\n\n Read resizimg plugin documentation\n\n![](\"//rawcdn.githack.com/Alex-D/Trumbowyg/develop/banner.jpg\")
\n \n Nothing to do unless you want to change the default values of options, in which case you could:\n
\n\n$('#editor').trumbowyg({\n plugins: {\n resizimg: {\n minSize: 64,\n step: 16,\n }\n }\n});\n \n Note the additional requirement: the jquery-resizable plugin must be loaded for Resizimg to work.
\n\n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.4.0.min.js\"><\\/script>')</script>\n\n<!-- Import dependency for Resizimg (tested with version 0.35). For a production setup, follow install instructions here: https://github.com/RickStrahl/jquery-resizable -->\n<script src=\"//rawcdn.githack.com/RickStrahl/jquery-resizable/0.35/dist/jquery-resizable.min.js\"></script>\n \n You can insert Ruby markup.\n
\n\n Read ruby plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['ruby']\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allow you to add a picker for special character in Trumbowyg.\n
\n\n Read special chars plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['specialChars']\n ]\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor-custom-list')\n.trumbowyg({\n btns: [\n ['specialChars']\n ],\n plugins: {\n specialchars: {\n symbolList: [\n '00A2', '00A5', '00A4', '2030', null,\n '00A9', '00AE', '2122', null,\n '2023', '25B6', '2B29', '25C6', null,\n '2211', '2243', '2264', '2265'\n ]\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugins allow you to enter text via speech recognition in Trumbowyg. Suddenly it does not work with Firefox which has not implemented the Web Speech API yet.\n
\n\n Read speech recognition plugin documentation\n\n \n\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['speechrecognition']\n ]\n});\n \n$('#editor-settings-lang')\n.trumbowyg({\n btns: [\n ['speechrecognition']\n ],\n plugins: {\n speechrecognition: {\n lang: 'de-DE'\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allows you to add and manage a table.\n
\n\n Read table plugin documentation\n\n\n Below is an example of a simple table with a header row.\n
\n| Project & Pitch | \nStatus | \nTechnologies | \nStars | \nDownloads | \nURL | \n
|---|---|---|---|---|---|
| Trumbowyg Lightweight WYSIWYG Editor | \n Active | \nJavaScript | \n~4 000 ★ | \n70 000 / month | \n\n Landing \n GitHub\n | \n
| Monitoror Unified monitoring wallboard | \n Maintenance | \nGo Vue | \n ~4 000 ★ | \n100 000 + | \n\n Landing \n GitHub\n | \n
| Cookies EU Banner 1kb vanilla JS for cookie banner | \n Maintenance | \nJavaScript | \n~420 ★ | \n4 000 / month | \n\n Landing \n GitHub\n | \n
| Colllect Bookmark Manager for Creatives | \n Paused | \nSymfony Vue | \n ~340 ★ | \n\n | \n Landing \n GitHub\n | \n
| Check Disk Space Multi-platform disk space checker for Node.js | \n Maintenance | \nTypeScript | \n~78 ★ | \n2 000 000 / month | \n\n GitHub\n | \n
| Column View Multi-columns page viewer | \n Maintenance | \nTypeScript Snabbdom | \n ~7 ★ | \n\n | \n Landing \n GitHub\n | \n
\n Example of a pricing table.\n
\n| Feature | \nFree | \nPremium | \nBusiness | \nEnterprise | \n
|---|---|---|---|---|
| Price | \nFree | \n5,99€ / user | \n12,99€ / user | \n22,99€ / user | \n
| Users | \n1 | \nUnlimited | \n20 users minimum | \n|
| Items | \n100 | \nUnlimited | \n||
| Bandwidth | \n5 Mbps | \nOn your charge | \n
\n Another tab with different merged cells:\n
\n| Those plugins allow you to merge cells | \nAnd also unmerge | \nTwo cells merged | \n|
| You can see some examples on this page | \nTwo horizontally merged too | \nSimple cell | \n|
| Upload image | \nPick, upload, and inserts an image | \nNext is empty | \n\n |
\n$('#editor, #editor2')\n.trumbowyg({\n btns: [['table'], ['tableCellBackgroundColor', 'tableBorderColor']]\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n This plugin allows you to add a template-dropdown.\n
\n\n Read template plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['template'],\n plugins: {\n templates: [\n {\n name: 'Template 1',\n html: '<p>I am a template!</p>'\n },\n {\n name: 'Template 2',\n html: '<p>I am a different template!</p>'\n }\n ]\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n User can insert some GIFs from Tenor in Trumbowyg.\n
\n\n Read Tenor plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#editor')\n.trumbowyg({\n btns: [\n ['tenor']\n ],\n plugins: {\n tenor: {\n apiKey: 'AIzaSyDSkXpGdEiI0OrQO9xZKbvTAvekZhmXW3c'\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n You can insert an image by upload.\n
\n\n Read upload plugin documentation\n\n\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor')\n.trumbowyg({\n btns: ['upload'],\n plugins: {\n // Add imgur parameters to upload plugin for demo purposes\n upload: {\n serverPath: 'https://api.imgur.com/3/image',\n fileFieldName: 'image',\n headers: {\n 'Authorization': 'Client-ID 9e57cb1c4791cea'\n },\n urlPropertyName: 'data.link'\n }\n }\n});\n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#editor-dropdown')\n.trumbowyg({\n btnsDef: {\n // Create a new dropdown\n image: {\n dropdown: ['insertImage', 'upload'],\n ico: 'insertImage'\n }\n },\n // Redefine the button pane\n btns: [\n ['viewHTML'],\n ['formatting'],\n ['strong', 'em', 'del'],\n ['superscript', 'subscript'],\n ['link'],\n ['image'], // Our fresh created dropdown\n ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ['unorderedList', 'orderedList'],\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ],\n plugins: {\n // Add imgur parameters to upload plugin for demo purposes\n upload: {\n serverPath: 'https://api.imgur.com/3/image',\n fileFieldName: 'image',\n headers: {\n 'Authorization': 'Client-ID 9e57cb1c4791cea'\n },\n urlPropertyName: 'data.link'\n }\n }\n});\n \n \n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n ![\"\"](\"../../img/logo-doc.svg\"){kind=logo}
\n \n \n When you want create your custom extension for Trumbowyg, you can open and close a modal box with custom\n inner HTML code, listen events and more.\n
\n\n\n For that use the right method: openModal or closeModal like that:\n
![\"\"](\"../../img/beer.svg\")
\n \n// Open a modal box\nvar $modal = trumbowyg.openModal({\n title: 'A title for modal box',\n content: '<p>Content in HTML which you want include in created modal box</p>'\n});\n\n// Close current modal box\ntrumbowyg.closeModal();\n \n An openModal call returns a jQuery object which contains the modal box. You need this\n object if you want to use listen events (see below).\n
\n Only one modal box can open at any given moment. So, openModal return false if a modal is\n currently opened.\n
\n Modal boxes in Trumbowy come with two buttons: \"Confirm\" and \"Cancel\". An event is associated to each\n one:\n
\ntbwsubmit: triggered when form is submittbwreset: triggered when user cancels operation\n// Open a modal box\nvar $modal = trumbowyg.openModal({\n title: 'A title for modal box',\n content: '<p>Content in HTML which you want include in created modal box</p>'\n});\n\n// Listen clicks on modal box buttons\n$modal.on('tbwconfirm', function(e){\n // Do what you want\n trumbowyg.closeModal();\n});\n$modal.on('tbwcancel', function(e){\n trumbowyg.closeModal();\n});\n \n If you want to only add inputs in the modal box, this function is more simple. Indeed, you do not manage\n confirm and close buttons, and get all input value on confirm.\n
\n\nvar img = $('img#an-img');\n$modal = trumbowyg.openModalInsert({\n title: 'A title for modal box',\n fields: {\n url: {\n value: img.attr('src')\n },\n alt: {\n label: 'Alt',\n name: 'alt',\n value: img.attr('alt'),\n type: 'text',\n attributes: {}\n },\n\n // Build your own input by setting type as a function and returning the html\n referrerpolicy: {\n label: 'Referrer Policy',\n name: 'referrerpolicy',\n type: function(field, fieldId, prefix, lg) {\n var html += '<div class=\"' + prefix + 'input-row\">' +\n '<div class=\"' + prefix + 'input-infos\">' +\n '<label for=\"' + fieldId + '\">' +\n '<span>' + (lg[field.label] ? lg[field.label] : field.label) + '</span>' +\n '</label>' +\n '</div>' +\n '<div class=\"' + prefix + 'input-html\">' +\n '<select id=\"' + fieldId + '\" name=\"' + field.name + '\">' +\n '<option' + (field.value === 'no-referrer' ? ' selected=\"selected\"' : '') + '>no-referrer</option>' +\n '<option' + (field.value === 'no-referrer-when-downgrade' ? ' selected=\"selected\"' : '') + '>no-referrer-when-downgrade</option>' +\n '<option' + (field.value === 'origin' ? ' selected=\"selected\"' : '') + '>origin</option>' +\n '<option' + (field.value === 'origin-when-cross-origin' ? ' selected=\"selected\"' : '') + '>origin-when-cross-origin</option>' +\n '<option' + (field.value === 'unsafe-url' ? ' selected=\"selected\"' : '') + '>unsafe-url</option>' +\n '</select>' +\n '</div>' +\n '</div>';\n\n return html;\n }\n },\n example: {\n // Missing label is replaced by the key of this object (here 'example')\n // Missing name is the key\n // When value is missing, value = ''\n // When type is missing, 'text' is assumed. You can use all the input field types,\n // plus checkbox and radio (select and textarea are not supported)\n // When attributes is missing, {} is used. Attributes are added as attributes to\n // the input element.\n // For radio and checkbox fields, you will need to use attributes if you want it\n // to be checked by default.\n }\n },\n // Callback is called when user confirms\n callback: function(values){\n img.attr('src', values['url']);\n img.attr('alt', values['alt']);\n\n return true; // Return true if you have finished with this modal box\n // If you do not return anything, you must manage the closing of the modal box yourself\n }\n});\n\n// You can also listen for modal confirm/cancel events to do some custom things\n// Note: the openModalInsert callback is called on tbwconfirm\n$modal.on('tbwconfirm', function(e){\n // Do what you want\n});\n$modal.on('tbwcancel', function(e){\n trumbowyg.closeModal();\n});\n \n Managing correctly text range, is not so trivial. Trumbowyg has a system to save and restore\n selection range which does not involve typical getter/setter.\n
\n\n\n// Save current range\ntrumbowyg.saveRange();\n\n// Restore last saved range\ntrumbowyg.restoreRange();\n \n// range contains a JavaScript range\nvar range = trumbowyg.getRange();\n \nvar text = trumbowyg.getRangeText();\n \n You can set and get current HTML content of the editor with a getter/setter:\n
\n\n// Get HTML content\ntrumbowyg.html();\n\n// Set HTML content\ntrumbowyg.html('<p>Your content here</p>');\n \n You can empty the content of the editor.\n
\n\ntrumbowyg.empty();\n Added in 2.1.0
\n\n As you can disable editor by using disabled option, you can also switch between\n enabled and disabled states by using API.\n
\n\ntrumbowyg.setDisabled(true);\ntrumbowyg.setDisabled(false);\n \n You can switch between HTML view and WYSIWYG view via toggle method.\n
\n\ntrumbowyg.toggle();\n npm install trumbowyg\n bower install trumbowyg\n \n If you don't already do it, load jQuery at bottom of <body> like so:\n
\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n \n Trumbowyg requires jQuery >= 1.8\n
\n\n\n After these lines, you have to load Trumbowyg.\n
\n\n<script src=\"trumbowyg/dist/trumbowyg.min.js\"></script>\n \n Don't forget to load Trumbowyg CSS in the <head>, or load your own style for the\n editor.\n
\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/ui/trumbowyg.min.css\">\n \n This the minimal code to transform a simple div into the amazing WYSIWYG editor which is Trumbowyg.\n
\n\n$('#trumbowyg-demo').trumbowyg();\n \n If you want to set options to Trumbowyg, add an object which contains your options as parameters.\n
\n\n$('#trumbowyg-demo').trumbowyg({\n btns: [['strong', 'em',], ['insertImage']],\n autogrow: true\n});\n \n If your problem is not solved by these tips, check the\n SVG icons section.\n
\n\n Basically you need to add the plugin JS to your page, at the bottom of your <body>,\n after jQuery and Trumbowyg imports (in this order), but before your custom JS which\n initialize Trumbowyg:\n
\n<!-- Import jQuery -->\n<script src=\"//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\n<script>window.jQuery || document.write('<script src=\"js/vendor/jquery-3.3.1.min.js\"><\\/script>')</script>\n\n<!-- Import Trumbowyg -->\n<script src=\"trumbowyg/dist/trumbowyg.min.js\"></script>\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/upload/trumbowyg.cleanpaste.min.js\"></script>\n<script src=\"trumbowyg/dist/plugins/upload/trumbowyg.pasteimage.min.js\"></script>\n\n<!-- Init Trumbowyg -->\n<script>\n // Doing this in a loaded JS file is better, I put this here for simplicity\n $('#my-editor').trumbowyg();\n</script>\n \n In the previous case, plugins are \"auto registering\" themself into Trumbowyg and be activated in\n all future Trumbowyg instances.\n
\n\n But most popular plugins are button-based, like\n upload or\n colors ones.\n If you want to use these plugins, load them like explained before, then add the plugin button to your editor\n by checking the button pane doc section.\n
\n\n For more information on plugins, check the plugins documentation page.\n
\n\n You can change prefix of all class added on elements of Trumbowyg using this option:\n
\n\n$('textarea').trumbowyg({\n prefix: 'custom-prefix'\n});\n \n For example, the bold button class is now custom-prefix-bold-button\n
\n Default value is trumbowyg\n
\n Your users don't speak english? No problem, Trumbowyg has a language parameter. You have to load the\n appropriate lang file. Search in /dist/langs folder to see if a language file already\n exists, if not create it and share it :). See add a localization for\n more details on language file.\n
\n Don't forget include the lang file in your pages:\n
\n\n<script type=\"text/javascript\" src=\"js/dist/langs/fr.min.js\"></script>\n \n Warning, include lang file after Trumbowyg and before instantiating the editor!\n
\n\n Usage of language parameter:\n
\n\n$('textarea').trumbowyg({\n lang: 'fr'\n});\n \n If the lang was not found, english values are used by default.\n
\n\n Trumbowyg is flexible and simple. You want a different look?\n
\n\n\n Copy /src/ui/ folder somewhere and customize style. Finally, link your new CSS file and\n remove link to Trumbowyg default style.\n
\n It is not recommended to directly edit the CSS file in the trumbowyg folder. When you update the plugin,\n your modifications will be erased.\n
\n\n\n This is useful when you do not want same design for all instances of Trumbowyg.\n
\n\n Use the prefix option:\n
\n\n$('.editor-modern-ui').trumbowyg({\n prefix: 'modern-ui'\n});\n \n In your CSS, you can now stylize .modern-ui-link-button for example, whitout conflicts with\n the default skin. It's necessary to redefine style for all elements. If you want to start from the\n default skin, copy /src/ui/ folder, replace all trumbowyg- by your prefix and\n work from here.\n
Added in 2.1.0
\n\n A pack of SVG icons is available and enabled by default. This file is loaded via XHR request\n in JavaScript so it is possible the path is not matching with your assets file paths.\n You can change the path of the SVG or disable this feature.\n
\n\n\n To change SVG path, you need to set the path in global Trumbowyg configuration object:\n
\n\n$.trumbowyg.svgPath = '/assets/my-custom-path/icons.svg';\n \n This global way needs to be done before initialize any Trumbowyg instance.\n
\n\n\n If you do not want SVG icons, you can set this option to false. Then, you can add your custom\n icons by CSS or what you want.\n
\n\n$.trumbowyg.svgPath = false;\n \n Check hide button texts option if you did not want button content at all\n and customize it by yourself.\n
\n\n This global way needs to be done before initialize any Trumbowyg instance.\n
\n\n\n You can also apply svgPath option for an isolated editor only.\n
\n$('.editor').trumbowyg({\n svgPath: false // or a path like '/assets/my-custom-path/icons.svg'\n});\n Added in 2.22.0
\n\n If you want to be IE-complient you should use this option.\n
\n\n This will load icons directly from the sprite file.\n Instead of loading the sprite inline into the page, you can directly set this global option to true.\n
\n\n$.trumbowyg.svgAbsoluteUsePath = true;\n \n This option is useful to avoid issues with baseURL.\n
\n This global way needs to be done before initialize any Trumbowyg instance.\n
\n\n Default value for svgAbsoluteUsePath is false.\n
\n If you want to be IE9-complient you should use this option.\n
\n\n If you do not want use HTTP(S) protocol or use XHR to load icons, you can load icons in your HTML\n on your own. You just need to include the\n icons.svg file\n inline in your <body>:\n
![icons.svg file](\"https://raw.githubusercontent.com/Alex-D/Trumbowyg/main/dist/ui/icons.svg\"){kind=link}
\n<div id=\"trumbowyg-icons\">\n <svg xmlns=\"http://www.w3.org/2000/svg\">\n <symbol id=\"trumbowyg-blockquote\" viewBox=\"0 0 72 72\"><path d=\"...\"></path></symbol>\n <symbol id=\"trumbowyg-bold\" viewBox=\"0 0 72 72\"><path d=\"...\"></path></symbol>\n <symbol id=\"trumbowyg-close\" viewBox=\"0 0 72 72\"><path d=\"...\"></path></symbol>\n <!-- ... all other icons here -->\n </svg>\n</div>\n \n You need to use this id: <prefix>-icons.\n
\n Trumbowyg checks if a #<prefix>-icons exists. If not, it loads SVG icons file via\n XHR and puts it in a div with this id. Next editor on the page does not load icons again. By adding\n this div in the page, you \"hack\" this mechanism to load it on your own.\n
\n Like the HTML5 attribute on input and textarea, you can add a placeholder with Trumbowyg.\n
\n\n<div class=\"my-editor\" placeholder=\"Your text as placeholder\"></div>\n \n Placeholder is visible only if the element is empty (no HTML/text).\n
\n\n Placeholder is both managed in JS and CSS with the default style. If you create your own style, you\n need to apply the following style (replace trumbowyg by your prefix):\n
\n.trumbowyg-editor[contenteditable=true]:empty::before{\n content: attr(placeholder);\n color: #999;\n}\n Added in 2.1.0
\n\n Trumbowyg supports disabled attribute on a textarea and an option.\n
\n<textarea class=\"my-editor\" disabled></textarea>\n \n$('.a-disabled-editor').trumbowyg({\n disabled: true\n});\n \n You can switch between disabled and enabled states by using API\n
\n\n It's probably the most interesting option, it allows you to choose the buttons that appears in the\n button pane. This option is an array containing string values representing the buttons or vertical\n separators (using the pipe character). To create your own custom button pane, define an array and pass\n it to the btns option.\n
\n$('.simple-editor').trumbowyg({\n btns: [['bold', 'italic'], ['link']]\n});\n \n By default, btns option value is:\n
\n$('.simple-editor').trumbowyg({\n btns: [\n ['viewHTML'],\n ['undo', 'redo'], // Only supported in Blink browsers\n ['formatting'],\n ['strong', 'em', 'del'],\n ['superscript', 'subscript'],\n ['link'],\n ['insertImage'],\n ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ['unorderedList', 'orderedList'],\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ]\n});\n Added in 2.18.0
\n\n Dropdown icon can change to the active sub-button icon with this option enabled.\n
\n\n$('.simple-editor').trumbowyg({\n changeActiveDropdownIcon: true\n});\n \n By default, changeActiveDropdownIcon option value is: false\n
Added in 2.5.0
\n\n You can hide button texts showed when you put svgPath to false.\n
\n\n// Globally\n$.trumbowyg.hideButtonTexts = true\n\n// Or locally\n$('.trumbowyg').trumbowyg({\n hideButtonTexts: true\n});\n \n If you disable SVG icons and button texts, you should design them by yourself.\n
\n\n Generates a better, more semantic oriented HTML (i.e. <em> instead of \n <i>, <strong> instead of <b>, etc.). It's just a\n boolean:\n
\n$('.trumbowyg').trumbowyg({\n semantic: false\n});\n \n Enabling semantic mode deactivates the underline button by default because they do not convey any real\n semantic. If you want to reactivate them, you have to do it explicitly, see Button\n pane\n
\n\n Since 2.12.0 you can also put an object to customize the semantic tag mapping for each one of these tags:\n <b>,\n <i>,\n <s>,\n <strike>,\n <div>.\n
\n$('.trumbowyg').trumbowyg({\n semantic: {\n 'div': 'div' // Editor does nothing on div tags now\n }\n});\n \n This option is set to true by default which is equivalent to:\n
\n$('.trumbowyg').trumbowyg({\n semantic: {\n 'b': 'strong',\n 'i': 'em',\n 's': 'del',\n 'strike': 'del',\n 'div': 'p'\n }\n});\n \n If you don't want the page style to impact on the look of the text in the editor, you will need to apply\n a reset-css on the editor. You can activate this with the resetCss option:\n
\n$('.trumbowyg').trumbowyg({\n resetCss: true\n});\n \n This option is set to false by default. The reset only applies to the editor, not to the\n generated HTML code.\n
\n If you don't want styles pasted from clipboard (from Word or other webpage for example), pass the removeformatPasted\n option to true\n
\n$('.trumbowyg').trumbowyg({\n removeformatPasted: true\n});\n \n In order to use this option, you need to define a font size in your CSS or use a reset like normalize.\n
\n\n Remove format pasted is not active by default (set to false).\n
\n Allow to sanitize the code by removing all tags you want. The tagsToRemove\n option is an array.\n
\n$('.trumbowyg').trumbowyg({\n tagsToRemove: ['script', 'link']\n});\n \n You must do the sanitize server-side too to avoid some security issues like XSS.\n
\n\n Tags to remove is an empty array by default (set to []).\n
Added in 2.12.0
\n\n Sometimes you want to keep some empty i tags for Font Awesome or anything else. You can define this list via the tagsToKeep\n option.\n
\n$('.trumbowyg').trumbowyg({\n tagsToKeep: ['i', 'script[src]']\n});\n \n Default tags to keep are ['hr', 'img', 'embed', 'iframe', 'input'].\n
\n The text editing zone can extend itself when writing a long text. To activate this feature, use the\n autogrow option:\n
\n\n$('.trumbowyg').trumbowyg({\n autogrow: true\n});\n \n Autogrow is not active by default (set to false).\n
Added in 2.7.0
\n\n The text editing zone can extend itself when editor get focus and reduce on blur.\n To activate this feature, use the following option:\n
\n\n$('.trumbowyg').trumbowyg({\n autogrowOnEnter: true\n});\n \n Autogrow on enter is not active by default (set to false).\n
Added in 2.9.0
\n\n Add a field in image insert/edit modal which allow users to set the image width.\n To activate this feature, use the following option:\n
\n\n$('.trumbowyg').trumbowyg({\n imageWidthModalEdit: true\n});\n \n Image width modal edit is not active by default (set to false).\n
Added in 2.9.4
\n\n An option to auto-prefix URLs with a protocol.\n
\n\n When this option\n is set to true, URLs missing a protocol will be\n prefixed with https://. Alternatively, a string can\n be provided for a custom prefix.\n
\n For example, a value of true would convert\n example.com to\n https://example.com, while a value of\n ftp converts to\n ftp://example.com.\n
\n$('.trumbowyg').trumbowyg({\n urlProtocol: true\n});\n \n Anchors, email addresses and relative links are left unchanged.\n
\n\n URL protocol is not active by default (set to false).\n
Added in 2.9.4
\n\n Reduce the link overlay to use only url and\n text fields, omitting title and\n target.\n
\n$('.trumbowyg').trumbowyg({\n minimalLinks: true\n});\n \n The minimal links option is not active by default (set to\n false).\n
Added in 2.26.0
\n\n Allow to set link target attribute value to what you want, even if the minimalLinks\n option is set to true.\n
\n First value is the default value (similar to previous defaultLinkTarget option).\n
\n$('.trumbowyg').trumbowyg({\n linkTargets: ['_blank', '_self']\n});\n \n Link targets only list most used options by default (set to ['_self', '_blank']).\n
defaultLinkTarget\n \n$('.trumbowyg').trumbowyg({\n- defaultLinkTarget: '_blank',\n+ linkTargets: ['_blank', '_self', '_parent', '_top'],\n});\n Added in 2.23.0
\n\n Add classes to any tag.\n
\n\n$('.trumbowyg').trumbowyg({\n tagClasses: {\n h1: 'h1', // Bootstrap example\n blockquote: 'bg-grey-100 rounded-xl', // Tailwind CSS example\n }\n});\n \n No classes are applied by default.\n
\n\n The structure of a language file is simple, it is a JavaScript Object which associate a translation to\n any key. For example:\n
\n\njQuery.trumbowyg.langs.fr = {\n _dir: \"ltr\", // Changes the editor dir\n\n bold: \"Gras\",\n close: \"Fermer\"\n};\n \n Some localizations are added each day, you can find them in\n the langs folder on GitHub\n
\n\n You can submit a new localization file by creating a new pull request on the Github repository.\n
\n\n English is the default localization, you don't need to include any file to get Trumbowyg in English.\n
\n\n If Trumbowyg does not fit your needs, maybe you can create your very own custom button to solve this.\n The following code (which does not works as is) show you all available button parameters.\n
\n\n$('.trumbowyg').trumbowyg({\n btnsDef: {\n buttonName: {\n fn: 'functionName',\n tag: 'tagName',\n title: 'Button tooltip',\n text: 'Displayed button name',\n isSupported: function () { return true; },\n key: 'K',\n param: '' ,\n forceCSS: false,\n class: '',\n hasIcon: true\n }\n }\n});\n \n The key (here buttonName) is the button name used in btns and in dropdown.\n It is used as many default in options below.\n
fn string|functiontag stringtitle stringtext parameter OR translated button name OR raw button name\n text stringhideButtonTexts option.\n title parameter OR translated button name OR raw button name\n isSupported functionnull (no check)\n key stringfn)\n null (no shortcut defined)\n param stringforceCSS stringfalse\n class stringprefix + '-' + buttonName class\n hasIcon booleantrue\n \n Working example:\n
\n\n$('.trumbowyg').trumbowyg({\n btnsDef: {\n alert: {\n fn: function() {\n alert('some text')\n },\n ico: 'blockquote'\n }\n },\n btns: [\n ['alert']\n ]\n});\n \n You can also create your own dropdown, like buttons. The following code (which does not works as is)\n show use all options which can be used to make our own customized dropdown.\n
\n\n$('.trumbowyg').trumbowyg({\n btnsDef: {\n dropdownButtonName: {\n dropdown: ['btnA', 'btnB'],\n title: 'Displayed dropdown button name',\n ico: 'iconName',\n hasIcon: true\n }\n }\n});\n dropdown array<string>[]\n title stringico stringhasIcon booleantrue\n \n Working example which groups all justify buttons in one dropdown:\n
\n\n$('.trumbowyg').trumbowyg({\n btnsDef: {\n align: {\n dropdown: ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ico: 'justifyLeft'\n }\n },\n btns: [\n ['align']\n ]\n});\n \n When you want create your custom extension for Trumbowyg, you can open and close a modal box with custom\n inner HTML code, listen events and more.\n
\n\n\n For that use the .trumbowyg() method and give parameters 'openModal'\n or 'closeModal' like that:\n
\n// Open a modal box\nvar $modal = $('#editor').trumbowyg('openModal', {\n title: 'A title for modal box',\n content: '<p>Content in HTML which you want include in created modal box</p>'\n});\n\n// Close current modal box\n$('#editor').trumbowyg('closeModal');\n \n An openModal call returns a jQuery object which contains the modal box. You need this\n object if you want to use listen events (see below).\n
\n Only one modal box can open at any given moment. So, openModal return false if a modal is\n currently opened.\n
\n Modal boxes in Trumbowy come with two buttons: \"Confirm\" and \"Cancel\". An event is associated to each\n one:\n
\ntbwsubmit: triggered when form is submittbwreset: triggered when user cancel operation\n// Open a modal box\nvar $modal = $('#editor').trumbowyg('openModal', {\n title: 'A title for modal box',\n content: '<p>Content in HTML which you want include in created modal box</p>'\n});\n\n// Listen clicks on modal box buttons\n$modal.on('tbwconfirm', function(e){\n // Save data\n $(\"#editor\").trumbowyg('closeModal');\n});\n$modal.on('tbwcancel', function(e){\n $('#editor').trumbowyg('closeModal');\n});\n \n If you want only add inputs in the modal box, this function is more simple. Indeed, you do not manage\n confirm and close buttons, and get all input value on confirm.\n
\n\nvar img = $('img#an-img');\n$(\"#editor\").trumbowyg('openModalInsert', {\n title: 'A title for modal box',\n fields: {\n url: {\n value: img.attr('src')\n },\n alt: {\n label: 'Alt',\n name: 'alt',\n value: img.attr('alt'),\n type: 'text',\n attributes: {}\n },\n example: {\n // Missing label is replaced by the key of this object (here 'example')\n // Missing name is the key\n // When value is missing, value = ''\n // When type is missing, 'text' is assumed. You can use all the input field types,\n // plus checkbox and radio (select and textarea are not supported)\n // When attributes is missing, {} is used. Attributes are added as attributes to\n // the input element.\n // For radio and checkbox fields, you will need to use attributes if you want it\n // to be checked by default.\n }\n },\n // Callback is called when user confirms\n callback: function(values){\n img.attr('src', values['url']);\n img.attr('alt', values['alt']);\n\n return true; // Return true if you have finished with this modal box\n // If you do not return anything, you must manage the closing of the modal box yourself\n }\n});\n\n// You can also listen for modal confirm/cancel events to do some custom things\n// Note: the openModalInsert callback is called on tbwconfirm\n$modal.on('tbwconfirm', function(e){\n // Do what you want\n});\n$modal.on('tbwcancel', function(e){\n trumbowyg.closeModal();\n});\n \n Managing correctly text range, is not so trivial. Trumbowyg has a system to save and restore\n selection range which does not involves typical getter/setter.\n
\n\n\n// Save current range\n$('#editor').trumbowyg('saveRange');\n\n// Restore last saved range\n$('#editor').trumbowyg('restoreRange');\n \n// range contains a JavaScript range\nvar range = $('#editor').trumbowyg('getRange');\n \nvar text = $('#editor').trumbowyg('getRangeText');\n \n You can set and get current HTML content of the editor with a getter/setter:\n
\n\n// Get HTML content\n$('#editor').trumbowyg('html');\n\n// Set HTML content\n$('#editor').trumbowyg('html', \"<p>Your content here</p>\");\n \n You can empty the content of the editor.\n
\n\n$('#editor').trumbowyg('empty');\n Added in 2.1.0
\n\n As you can disable editor by using disabled option, you can also switch between\n enabled and disabled states by using API.\n
\n\n$('#editor').trumbowyg('disable');\n$('#editor').trumbowyg('enable');\n Added in 2.9.0
\n\n You can switch between HTML view and WYSIWYG view via toggle method.\n
\n\n$('#editor').trumbowyg('toggle');\n \n When you wish, you can restore the previous state of the element was used to create the editor.\n
\n\n$('#editor').trumbowyg('destroy');\n \n Some events are fired on the jQuery element which is used to build the editor.\n
\ntbwfocustbwblurtbwinit 2.0.0tbwchange 2.0.0tbwresize 2.0.0tbwpaste 2.0.0tbwopenfullscreen 2.0.0\n tbwclosefullscreen tbwclose 2.0.0tbwmodalopen 2.20.0tbwmodalclose 2.20.0\n$('#editor')\n.trumbowyg() // Build Trumbowyg on the #editor element\n.on('tbwfocus', function(){ console.log('Focus!'); }); // Listen for `tbwfocus` event\n.on('tbwblur', function(){ console.log('Blur!'); }); // Listen for `tbwblur` event\n \n If you want to add a plugin, be sure to read the\n use plugins section of documentation before continue.\n
\n\n\n Allow tags from paste plugin allows you to filter tags allowed when an user paste some code into the editor.\n
\n\n\n Try allow tags from paste live demo!\n \n View allow tags from paste plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/allowtagsfrompaste/trumbowyg.allowtagsfrompaste.min.js\"></script>\n \n Then you can configure your custom tag whitelist. Any tag pasted which is not in\n allowedTags list will be unwrap, only the text will be kept.\n
\n$('#my-editor').trumbowyg({\n plugins: {\n allowTagsFromPaste: {\n allowedTags: ['h4', 'p', 'br']\n }\n }\n});\n \n Enabling this plugin will force disable the removeformatPasted core option (set it to false).\n
\n Base 64 plugin allows you to insert images inline as base64.\n
\n\n\n Try base64 live demo!\n \n View base64 plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/base64/trumbowyg.base64.min.js\"></script>\n \n Then you can use the new button definition base64\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['base64']\n ]\n});\n \n Clean paste plugin handle paste events, clean the HTML code before insert content into the editor.\n
\n\n\n Try cleanpaste live demo!\n \n View cleanpaste plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/cleanpaste/trumbowyg.cleanpaste.min.js\"></script>\n \n Clean paste works now on every new Trumbowyg instance.\n
\n\n Colors plugin allows you to change foreground and background color of your text.\n
\n\n\n Try colors live demo!\n \n View colors plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg colors style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/colors/ui/trumbowyg.colors.min.css\">\n \n<!-- Import Trumbowyg colors JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/colors/trumbowyg.colors.min.js\"></script>\n \n Then you can use the new button definitions foreColor and backColor\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ]\n});\n colorList array<string>foreColor and backColor dropdowns.\n foreColorList array<string>foreColor dropdown instead of colorList's one.\n colorList\n allowCustomForeColor booleantrue\n backColorList array<string>backColor dropdown instead of colorList's one.\n colorList\n allowCustomBackColor booleantrue\n displayAsList booleanfalse\n \n Example with colorList parameter:\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n plugins: {\n colors: {\n colorList: [\n '000', '111', '222', 'ffea00'\n ]\n }\n }\n});\n \n Example with both foreColorList and backColorList, displayed as list:\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['foreColor', 'backColor']\n ],\n plugins: {\n colors: {\n foreColorList: [\n 'ff0000', '00ff00', '0000ff'\n ],\n backColorList: [\n '000', '333', '555'\n ],\n displayAsList: true\n }\n }\n});\n \n If both foreColorList and backColorList are set, colorList will be not used at all.\n
\n Emoji plugin allows you to insert some emojis in your editor.\n
\n\n\n Try emoji live demo!\n \n View emoji plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg emoji style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/emoji/ui/trumbowyg.emoji.min.css\">\n \n<!-- Import Trumbowyg emoji at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/emoji/trumbowyg.emoji.min.js\"></script>\n \n Then you can use the new button definition emoji\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['emoji']\n ]\n});\n \n This plugin allows user to custom font family.\n
\n\n\n Try font family live demo!\n \n View font family plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg fontfamily JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/fontfamily/trumbowyg.fontfamily.min.js\"></script>\n \n Then you can use the new button definition fontfamily\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['fontfamily']\n ]\n});\n \n You can also choose custom font list:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['fontfamily']\n ],\n plugins: {\n fontfamily: {\n fontList: [\n {name: 'Arial', family: 'Arial, Helvetica, sans-serif'},\n {name: 'Open Sans', family: '\\'Open Sans\\', sans-serif'}\n ]\n }\n }\n});\n \n This plugin allows user to custom font size.\n
\n\n\n Try font size live demo!\n \n View font size plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg font size JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/fontsize/trumbowyg.fontsize.min.js\"></script>\n \n Then you can use the new button definition fontsize\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['fontsize']\n ]\n});\n \n You can also choose custom size list:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['fontsize']\n ],\n plugins: {\n fontsize: {\n sizeList: [\n '12px',\n '14px',\n '16px'\n ]\n }\n }\n});\n \n If you want to disable the custom font size option, use the allowCustomSize option:\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['fontsize']\n ],\n plugins: {\n fontsize: {\n allowCustomSize: false\n }\n }\n});\n \n Default allowCustomSize value is true.\n
\n User can search and pick gif to insert from Giphy\n
\n\n\n Try Giphy plugin live demo!\n \n View Giphy plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg Giphy style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/giphy/ui/trumbowyg.giphy.min.css\">\n \n<!-- Import Trumbowyg Giphy JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/giphy/trumbowyg.giphy.min.js\"></script>\n \n Then, you need to create a Giphy App to get an API Key.\n
\n\n Use the new button definition giphy and your newly created Giphy API Key:\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['giphy']\n ],\n plugins: {\n giphy: {\n apiKey: 'yourVeryOwnApiKey'\n }\n }\n});\n apiKey string (required)rating stringg\n throttleDelay number (in milliseconds)300\n limit number50\n noResultGifUrl string![https://media.giphy.com/media/2Faz9FbRzmwxY0pZS/giphy.gif](\"https://media.giphy.com/media/2Faz9FbRzmwxY0pZS/giphy.gif\"){kind=link}
https://media.giphy.com/media/2Faz9FbRzmwxY0pZS/giphy.gif\n \n Example with options:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['giphy']\n ],\n plugins: {\n giphy: {\n apiKey: 'yourVeryOwnApiKey',\n rating: 'pg',\n throttleDelay: 500,\n noResultGifUrl: 'http://example.com/yourimage.gif'\n }\n }\n});\n \n This plugin allows user to add code highlight parts.\n
\n\n\n Try highlight plugin live demo!\n \n View highlight plugin code on GitHub\n \n
\n\n\n This plugin require Prism which can be installed with:\n npm install prismjs\n
\n<!-- Import prismjs style in <head>... -->\n<link rel=\"stylesheet\" href=\"node_modules/prismjs/themes/prism.css\">\n<!-- Import highlight plugin style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/highlight/ui/trumbowyg.highlight.min.css\">\n<!-- Import prismjs and Trumbowyg highlight at the end of <body>... -->\n<script src=\"node_modules/prismjs/prism.js\"></script>\n<script src=\"trumbowyg/dist/plugins/highlight/trumbowyg.highlight.min.js\"></script>\n \n You also can add another prism language syntaxes for example:\n
\n\n<!-- Import prismjs and Trumbowyg highlight at the end of <body>... -->\n<script src=\"node_modules/prismjs/prism.js\"></script>\n<script src=\"node_modules/prismjs/components/prism-csharp.js\"></script>\n<script src=\"node_modules/prismjs/components/prism-go.js\"></script>\n<script src=\"node_modules/prismjs/components/prism-markdown.js\"></script>\n<script src=\"trumbowyg/dist/plugins/highlight/trumbowyg.highlight.min.js\"></script>\n \n Also on your website you must connect prismjs styles to lighting code worked. For example connect prism.css in head:\n
\n\n<!-- Import prismjs style in <head>... on your site -->\n<link rel=\"stylesheet\" href=\"node_modules/prismjs/themes/prism.css\">\n enableLineHighlight booleantrue\n languageNames Object<string, string>\n History plugin is an enhanced implementation of the undo and redo functionality.\n It tracks changes of the editor and will add each change to a history stack.\n If a word is typed in or text was pasted, it counts as a single stack entry.\n
\n\n\n Try history plugin live demo!\n \n View history plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg history JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/history/trumbowyg.history.min.js\"></script>\n \n Then you can use the new button definitions historyUndo and historyRedo\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['historyUndo', 'historyRedo']\n ]\n});\n \n This plugin allows you to indent or outdent your text.\n
\n\n\n Try indent live demo!\n \n View indent plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg indent at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/indent/trumbowyg.indent.min.js\"></script>\n \n Then you can use the news buttons definition indent or outdent\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['indent', 'outdent']\n ]\n});\n \n Do the same as insert image, but for audio.\n
\n\n\n Try insert audio live demo!\n \n View insertAudio plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg insertAudio at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/insertaudio/trumbowyg.insertaudio.min.js\"></script>\n \n Then you can use the new button definition insertAudio\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['insertAudio']\n ]\n});\n \n This plugin allows user to custom line height.\n
\n\n\n Try line height live demo!\n \n View line height plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg lineheight at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/lineheight/trumbowyg.lineheight.min.js\"></script>\n \n Then you can use the new button definition lineheight\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['lineheight']\n ]\n});\n \n You can also choose custom size list:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['lineheight']\n ],\n plugins: {\n fontsize: {\n sizeList: [\n '12px',\n '14px',\n '16px'\n ]\n }\n }\n});\n \n This plugin allows user to use MathML.\n
\n\n\n Try MathML live demo!\n \n View MathML plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg MathML style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/mathml/ui/trumbowyg.mathml.min.css\">\n \n<!-- Import Trumbowyg MathJax at the end of <body>... -->\n<script src=\"//cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML\"></script>\n<!-- Import Trumbowyg MathML plugin at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/mathml/trumbowyg.mathml.min.js\"></script>\n \n Then you can use the new button definition mathml\n
\n// MathJax inline configuration\nMathJax.Hub.Config({\n tex2jax: {\n inlineMath: [\n ['$', '$'],\n ['\\\\(', '\\\\)']\n ]\n }\n});\n\n// Trumbowyg initialization with MathML button\n$('#editor')\n.trumbowyg({\n btns: [\n 'mathml'\n ]\n});\n \n This plugin allows to mention an user from a source list.\n
\n\n\n Try mention live demo!\n \n View mention plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/mention/trumbowyg.mention.min.js\"></script>\n \n Then you can use the new button definition mention\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['mention']\n ],\n plugins: {\n mention: {\n source: [\n {login: 'lucy'},\n {login: 'jdoe'},\n {login: 'mlisa'},\n {login: 'jcesar'},\n ]\n }\n }\n});\n source array<object>login key if you do not override two other options.\n []\n formatDropdownItem functionfunction (item) {}. Must return a string.\n item.login\n formatResult functionfunction (item) {}. Must return a string.\n '@' + item.login + ' '\n \n Example with options:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['mention']\n ],\n plugins: {\n mention: {\n source: [\n {login: 'lucy', name: 'Lucy'},\n {login: 'jdoe', name: 'John Doe'},\n {login: 'mlisa', name: 'Mona Lisa'},\n {login: 'jcesar', name: 'Julius Cesarius'},\n ],\n formatDropdownItem: function (item) {\n return item.name + ' (' + item.login + ')';\n },\n formatResult: function (item) {\n return '@\"' + item.name + '\" ';\n }\n }\n }\n});\n \n Allows you to embed any content from a link using noembed.com API.\n
\n\n\n Try noembed live demo!\n \n View noembed plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/noembed/trumbowyg.noembed.min.js\"></script>\n \n Then you can use the new button definition noembed\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['noembed']\n ]\n});\n \n Paste embed plugin handles paste events. It looks for paste event, checks if it's a URL and uses noembed.com API to retrieve an iframe from that URL. If it can't retrieve an iframe, it will put an anchor tag around the URL. It doesn't do anything on text or HTML paste.\n
\n\n\n Try paste embed live demo!\n \n View pasteembed plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/pasteembed/trumbowyg.pasteembed.min.js\"></script>\n \n Paste embed now works on every new Trumbowyg instance.\n
\n\n Paste image plugin handle paste events, check if you have image files in your clipboard, then paste them\n into the editor as base64. It do nothing on text or HTML paste.\n
\n\n\n Try paste image live demo!\n \n View paste image plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/pasteimage/trumbowyg.pasteimage.min.js\"></script>\n \n Paste image works now on every new Trumbowyg instance.\n
\n\n Wraps your code with <pre> tags.\n
\n Try preformatted live demo!\n \n View preformatted plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/preformatted/trumbowyg.preformatted.min.js\"></script>\n \n Then you can use the new button definition preformatted\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['preformatted']\n ]\n});\n \n Allows you to resize images (preserving aspect ratio) by dragging their bottom-right corner.\n
\n\n\n Try resizimg live demo!\n \n View resizimg plugin code on GitHub\n \n
\n\n\n This plugin depends on the\n jquery-resizable plugin,\n which must be loaded beforehand.\n
\n\n If in your project use the JQuery UI library with resizable interaction you need to include this\n script to avoid issue before load jquery-resizable.\n
\n\n\n<!-- Import dependency for Resizimg (tested with version 0.35). For a production setup, follow install instructions here: https://github.com/RickStrahl/jquery-resizable -->\n<script src=\"//rawcdn.githack.com/RickStrahl/jquery-resizable/0.35/dist/jquery-resizable.min.js\"></script>\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/resizimg/trumbowyg.resizimg.min.js\"></script>\n minSize number32\n step number4\n \n Example with options:\n
\n\n$('#editor').trumbowyg({\n plugins: {\n resizimg: {\n minSize: 64,\n step: 16,\n }\n }\n});\n \n The resulting image size is currently absolute: CSS height in pixels (style attribute).\n
\n Allows you to support ruby markup.\n
\n\n\n Try ruby live demo!\n \n View ruby plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg ruby style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/ruby/ui/trumbowyg.ruby.min.css\">\n \n<!-- Import Trumbowyg ruby at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/ruby/trumbowyg.ruby.min.js\"></script>\n \n Then you can use the new button definition ruby\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['specialChars']\n ]\n});\n \n Special Chars plugin allows you to insert some special characters in your editor.\n
\n\n\n Try special chars live demo!\n \n View specialChars plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg specialchars style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/specialchars/ui/trumbowyg.specialchars.min.css\">\n \n<!-- Import Trumbowyg specialchars at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/specialchars/trumbowyg.specialchars.min.js\"></script>\n \n Then you can use the new button definition specialchars\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['specialChars']\n ]\n});\n symbolList array<string>null entry.\n \n Example with options:\n
\n\n$('#editor-custom-list')\n.trumbowyg({\n btns: [\n ['specialChars']\n ],\n plugins: {\n specialchars: {\n symbolList: [\n '00A2', '00A5', '00A4', '2030', null,\n '00A9', '00AE', '2122', null,\n '2023', '25B6', '2B29', '25C6', null,\n '2211', '2243', '2264', '2265'\n ]\n }\n }\n});\n \n Speech recognition plugin allows you to add text via speech.\n
\n\n\n Try speech recognition live demo!\n \n View speech recognition plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg speech recognition at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/speechrecognition/trumbowyg.speechrecognition.min.js\"></script>\n \n Then you can use the new button definition speechrecognition.\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['speechrecognition']\n ]\n});\n lang string\n Example with options:\n
\n\n$('#my-editor)\n.trumbowyg({\n btns: [\n ['speechrecognition']\n ],\n plugins: {\n speechrecognition: {\n lang: 'de-DE'\n }\n }\n});\n \n Table plugin allows users to create and manage tables.\n
\n\n\n Try table live demo!\n \n View table plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg Table style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/table/ui/trumbowyg.table.min.css\">\n \n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/table/trumbowyg.table.min.js\"></script>\n \n Then you can use the new button definition table\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['table', 'tableCellBackgroundColor', 'tableBorderColor']\n ],\n plugins: {\n table: {\n // Some table plugin options, see details below\n }\n }\n});\n \n To get a good UX, you need to have some CSS defined on your tables.\n A good start can be something to guarantee that cell width and height\n will not collapse, and allow to click inside. Also, ensure you have some borders\n to distinguish cells. Here is a minimal example using CSS custom properties:\n
\n\n:root {\n --tbw-cell-vertical-padding: 4px;\n --tbw-cell-horizontal-padding: 8px;\n --tbw-cell-line-height: 1.5em;\n}\n\ntable {\n margin-bottom: var(--tbw-cell-line-height);\n}\n\nth,\ntd {\n height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));\n min-width: calc(var(--tbw-cell-horizontal-padding) * 2);\n padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);\n border: 1px solid #e7eaec;\n}\n rows number8\n columns number8\n allowHorizontalResize booleantrue\n colorList array<string>tableCellBackgroundColor and tableBorderColor dropdowns.\n backgroundColorList array<string>tableCellBackgroundColor dropdown instead of colorList's one.\n colorList\n allowCustomBackgroundColor booleantableCellBackgroundColor.\n true\n displayBackgroundColorsAsList booleantableCellBackgroundColor. Default view is the square's one.\n false\n borderColorList array<string>tableBorderColor dropdown instead of colorList's one.\n colorList\n allowCustomBorderColor booleantableBorderColor.\n true\n displayBorderColorsAsList booleantableBorderColor. Default view is the square's one.\n false\n dropdown object'table' dropdown buttons when selection is inside a table.\n title: the dropdown section title translation key.buttons: button list\n[\n {\n title: 'tableRows',\n buttons: [\n 'tableAddHeaderRow',\n 'tableAddRowAbove',\n 'tableAddRow',\n 'tableDeleteRow',\n ],\n },\n {\n title: 'tableColumns',\n buttons: [\n 'tableAddColumnLeft',\n 'tableAddColumn',\n 'tableDeleteColumn',\n ],\n },\n {\n title: 'tableVerticalAlign',\n buttons: [\n 'tableVerticalAlignTop',\n 'tableVerticalAlignMiddle',\n 'tableVerticalAlignBottom',\n ],\n },\n {\n title: 'tableOthers',\n buttons: [\n // Cell merge/split\n 'tableMergeCells',\n 'tableUnmergeCells',\n 'tableDestroy',\n ]\n }\n]\n styler string Removed in 2.27.0'table'\n \n From version 2.27, use core's tagClasses feature:\n
\n$('.trumbowyg').trumbowyg({\n- plugins: {\n- table: {\n- styler: 'table',\n- },\n- },\n+ tagClasses: {\n+ table: 'table',\n+ },\n});\n \n Table plugin comes with a lot of buttons.\n
\n You can use most of them anywhere: in the table dropdown,\n in the button pane or in your custom dropdown.\n
\n Exceptions are: table,\n tableCellBackgroundColor and tableBorderColor which can\n only be used directly in the button pane.\n
tabledropdown option details above to see all default dropdown buttons.\n tableAddHeaderRow<thead> to the table if there is no one already.\n tableRemoveRow.\n tableAddRowAbovetableAddRowtableDeleteRowtableAddColumnLefttableAddColumntableDeleteColumntableVerticalAlignToptableVerticalAlignMiddletableVerticalAlignBottomtableMergeCellstableUnmergeCellstableDestroytableCellBackgroundColortableBorderColor\n Manage a set of HTML templates to insert fast.\n
\n\n\n Try template live demo!\n \n View template plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/template/trumbowyg.template.min.js\"></script>\n \n Then you can use the new button definition template and can add your template code.\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['template']\n ],\n plugins: {\n templates: [\n {\n name: 'Template 1',\n html: '<p>I am a template!</p>'\n },\n {\n name: 'Template 2',\n html: '<p>I am a different template!</p>'\n }\n ]\n }\n});\n \n User can search and pick gif to insert from Tenor\n
\n\n\n Try Tenor plugin live demo!\n \n View Tenor plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg Tenor style in <head>... -->\n<link rel=\"stylesheet\" href=\"trumbowyg/dist/plugins/giphy/ui/trumbowyg.tenor.min.css\">\n \n<!-- Import Trumbowyg Giphy JS at the end of <body>... -->\n<script src=\"trumbowyg/dist/plugins/giphy/trumbowyg.tenor.min.js\"></script>\n \n Then, you need to create a Tenor App to get an API Key.\n
\n\n Use the new button definition tenor and your newly created Tenor API Key:\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['tenor']\n ],\n plugins: {\n tenor: {\n apiKey: 'yourVeryOwnApiKey'\n }\n }\n});\n apiKey string (required)contentFilter stringoff, low, medium, and high.\n all\n locale stringen_US\n throttleDelay number (in milliseconds)300\n noResultGifUrl string![https://media1.tenor.com/m/KOZLvzU0o4kAAAAC/no-results.gif](\"https://media1.tenor.com/m/KOZLvzU0o4kAAAAC/no-results.gif\"){kind=link}
https://media1.tenor.com/m/KOZLvzU0o4kAAAAC/no-results.gif\n \n Example with options:\n
\n\n$('#my-editor').trumbowyg({\n btns: [\n ['tenor']\n ],\n plugins: {\n giphy: {\n apiKey: 'yourVeryOwnApiKey',\n locale: 'en_US',\n contentFilter: \"off\",\n throttleDelay: 500,\n noResultGifUrl: 'https://media1.tenor.com/m/KOZLvzU0o4kAAAAC/no-results.gif'\n }\n }\n});\n \n Add an upload front-end allowing users to select an image, upload it with progress bar and then insert\n the uploaded image in the editor.\n
\n\n\n Try upload live demo!\n \n View upload plugin code on GitHub\n \n
\n\n\n<!-- Import Trumbowyg plugins... -->\n<script src=\"trumbowyg/dist/plugins/upload/trumbowyg.upload.min.js\"></script>\n \n Then you can use the new button definition upload\n
\n$('#my-editor').trumbowyg({\n btns: [\n ['upload']\n ],\n plugins: {\n upload: {\n // Some upload plugin options, see details below\n }\n }\n});\n serverPath string''\n fileFieldName string'fileToUpload'\n data array<Object>[{name: 'myKey1', value: 'myValue1'}, {name: 'username', value: 'myUsername'}]\n []\n headers Object{headerKey: 'headerValue', Authorization: 'Client-ID xxxxxxxxx'}\n {}\n xhrFields Object{}\n urlPropertyName string'url' for {url: 'https://example.com/myimage.jpg', success: true}\n 'file'\n statusPropertyName string'success' for {success: true, url: 'https://example.com/myimage.jpg'}\n 'success'\n success functionfunction (data, trumbowyg, $modal, values) {}\n null\n error functionfunction () {}\n null\n imageWidthModalEdit booleanfalse\n \n Server side receives a POST request with the image in the fileFieldName field and\n alt which contains image description:\n
\nalt: 'Image description'\nfileToUpload: // The image file\n \n It must save this image, then return a JSON response like that:\n
\n\n{\n success: true, // Must be false if upload fails\n file: 'https://example.com/myimage.jpg'\n}\n \n A plugin can be a button, a paste handler or whatever you want. If you want to add a plugin myplugin\n to the official Trumbowyg list, you should follow this tree:\n
\n\n As plugin can be something other than a button, icons and scss are optional depending on your feature.\n
\n\n In a plugin, you get access to all Trumbowyg core and you can extends all things as you wish.\n
\n\n To create a new plugin, you should start your trumbowyg.myplugin.js with this code:\n
\n(function ($) {\n 'use strict';\n\n // Plugin default options\n var defaultOptions = {\n };\n\n // If the plugin is a button\n function buildButtonDef (trumbowyg) {\n return {\n fn: function () {\n // Plugin button logic\n }\n }\n }\n\n // If the plugin is a button\n function buildButtonIcon() {\n if ($(\"#trumbowyg-myplugin\").length > 0) {\n return;\n }\n\n /*\n When your button is created, an SVG will be inserted with an xref to a\n symbol living at the fragment \"#trumbowyg-myplugin\". For Trumbowyg's\n own plugins, this will come from a sprite sheet which is injected into\n the document, built from the icon SVG in \"ui/icons\" in your plugin's\n source tree. This is how you should organise things if you are\n proposing your plugin to be included in the Trumbowyg main\n distribution, or if you are rolling your own custom build of Trumbowyg\n for your site.\n\n But, nothing says it *has* to come from Trumbowyg's injected sprite\n sheet; it only requires that this symbol exists in your document. To\n allow stand-alone distribution of your plugin, we're going to insert a\n custom SVG symbol into the document with the correct ID.\n */\n const iconWrap = $(document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\"));\n iconWrap.addClass(\"trumbowyg-icons\");\n\n // For demonstration purposes, we've taken the \"File\" icon from\n // Remix Icon - https://remixicon.com/\n iconWrap.html(`\n <symbol id=\"trumbowyg-myplugin\" viewBox=\"0 0 24 24\">\n <path d=\"M21 8v12.993A1 1 0 0 1 20.007 22H3.993A.993.993 0 0 1 3 21.008V2.992C3 2.455 3.449 2 4.002 2h10.995L21 8zm-2 1h-5V4H5v16h14V9zM8 7h3v2H8V7zm0 4h8v2H8v-2zm0 4h8v2H8v-2z\"/>\n </symbol>\n `).appendTo(document.body);\n }\n\n\n $.extend(true, $.trumbowyg, {\n // Add some translations\n langs: {\n en: {\n myplugin: 'My plugin'\n }\n },\n // Register plugin in Trumbowyg\n plugins: {\n myplugin: {\n // Code called by Trumbowyg core to register the plugin\n init: function (trumbowyg) {\n // Fill current Trumbowyg instance with the plugin default options\n trumbowyg.o.plugins.myplugin = $.extend(true, {},\n defaultOptions,\n trumbowyg.o.plugins.myplugin || {}\n );\n\n // If the plugin is a paste handler, register it\n trumbowyg.pasteHandlers.push(function(pasteEvent) {\n // My plugin paste logic\n });\n\n // If the plugin is a button\n buildButtonIcon();\n trumbowyg.addBtnDef('myplugin', buildButtonDef(trumbowyg));\n },\n // Return a list of button names which are active on current element\n tagHandler: function (element, trumbowyg) {\n return [];\n },\n destroy: function (trumbowyg) {\n }\n }\n }\n })\n})(jQuery);\n \n To interact with editor and its content, you should use Trumbowyg core API.\n You can also check existing plugins source code to see how it works!\n
\n \n![\"Trumbowyg\"](\"./img/logo.svg\"){kind=logo}
\n \n \n \n \n \n \n \n \n Light, translatable and customisable jQuery plugin
\n Beautiful design, generates semantic code, comes with a powerful API\n
![\"\"](\"./img/introduction-html.svg\")
\n HTML5 & semantic\n \n Editor and generated code are optimized for HTML5 support. Compatible with all recents\n browsers like IE9+, Chrome, Opera and Firefox.\n
\n![\"\"](\"./img/introduction-lightweight.svg\")
\n Fast & lightweight\n \n All existing WYSIWYG editors are larger than 45kB. Trumbowyg is only 20kB which means faster\n page loading. No useless features, just the necessary ones to generate clean, semantic code.\n
\n![\"\"](\"./img/introduction-customizable.svg\")
\n Customizable\n \n Options and design are entirely configurable to suit your needs. However, the default design\n is compatible with Retina display and optimized for a great and simple user experience.\n
\n\n Read the documentation to apply a localization\n
\n\n You can create your own localization file and submit\n it in a pull request :)\n
\n\n![\"\"](\"img/globe.svg\")
\n \n You can create your own plugins for Trumbowyg and propose them via pull requests on the Github\n repository.\n Plugins documentation\n
\n\n\n You can create your own package for Trumbowyg or use a ready for use. This is the full list of\n known packages for Trumbowyg.\n
\n\n\n Trumbowyg is an MIT-licensed open source project and completely free to use.\n
\n\n However, the amount of effort needed to maintain and develop new features for the project is not sustainable\n without proper financial backing.\n You can support its ongoing development by being a backer or a sponsor on\n Trumbowyg Patreon campaign\n (recurring, with perks for different tiers), and get your company logo here.\n
\n\n Also, you can make a one time donation via PayPal.\n
\n![\"\"](\"img/beer.svg\")
\n Sponsored by
\n\n Premirus Corporation\n\n Close an editor on clic on \"Close\" in top right corner.
\n To reopen an editor, double-click on his text.\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit.\n Possimus, aliquam, minima fugiat placeat provident optio nam reiciendis eius beatae quibusdam!\n
\n\n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n$('#default-editor').trumbowyg();\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#simple-editor').trumbowyg({\n btns: ['strong', 'em', 'del']\n});\n \n \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident\n optio nam reiciendis eius beatae quibusdam!\n
\n\n$('#simple-editor').trumbowyg({\n btns: ['strong', 'em', 'del', 'upload'],\n btnsDef: {\n upload: {\n ico: 'insertImage'\n }\n }\n});\n \n \n The text is derived from Cicero's De Finibus Bonorum et Malorum (On the Ends of Goods and Evils, or\n alternatively [About] The Purposes of Good and Evil ). The original passage began: Neque porro quisquam est\n qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit (Translation: "Neither is there\n anyone who loves grief itself since it is grief and thus wants to obtain it").\n
\n\n ![\"Trumbowyg](\"https://raw.githubusercontent.com/Alex-D/Trumbowyg/develop/banner.jpg\")
\n
\n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, minima, asperiores libero architecto\n sequi fugit dolore sunt in officiis facere ut quaerat ullam laudantium delectus aliquam tenetur alias! Ea,\n nisi, est earum temporibus dolores quas qui repellendus aliquid voluptatibus tempore facilis eligendi omnis\n reiciendis nihil ullam quo dolorem nam deleniti. Fugit dignissimos dolorum dolore voluptate repudiandae\n recusandae debitis. Neque, adipisci, maiores magni aliquam molestiae ex natus minus quod tempora nemo\n debitis eum laboriosam voluptatum ut architecto animi nobis vero quis dolore eaque! Corporis, dolore, illum,\n autem in eum ea doloribus ut consequuntur modi et ullam adipisci blanditiis corrupti ab voluptate.\n
\n\n It is not known exactly when the text acquired its current standard form; it may have been as late as the\n 1960s. The passage was discovered by Richard McClintock, a Latin scholar who is the publications director at\n Hampden-Sydney College in Virginia, by searching for citings of the rarely used word 'consectetur' in\n classical literature.\n
\n\n/* Add new words for customs btnsDef just below */\n$.extend(true, $.trumbowyg.langs, {\nfr: {\n align: 'Alignement',\n image: 'Image'\n}\n});\n$('#customized-buttonpane').trumbowyg({\nlang: 'fr',\nfixedBtnPane: true,\nsemantic: false,\nbtnsDef: {\n // Customizables dropdowns\n align: {\n dropdown: ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ico: 'justifyLeft'\n },\n image: {\n dropdown: ['insertImage', 'upload', 'base64'],\n ico: 'insertImage'\n }\n},\nbtns: ['viewHTML',\n ['formatting'],\n ['align'],\n ['image'],\n ['preformatted'],\n 'fullscreen', 'close']\n});\n \n You are offline
');\n };\n\n // Load trending gifs as default\n fetch(DEFAULT_URL, {\n method: 'GET',\n cache: 'no-cache',\n signal: abortController.signal\n }).then((response) => {\n response.json().then((responseJson) => {\n renderGifs(responseJson, $giphyModal, trumbowyg, true);\n });\n }).catch(() => {\n onError();\n });\n\n var searchGifsOnInput = function () {\n var query = $giphyInput.val();\n\n if (query.length === 0) {\n return;\n }\n\n try {\n abortController.abort();\n abortController = new AbortController();\n } catch (e) {\n }\n\n fetch(BASE_URL + '&q=' + encodeURIComponent(query), {\n method: 'GET',\n cache: 'no-cache',\n signal: abortController.signal\n }).then((response) => {\n response.json().then((responseJson) => {\n renderGifs(responseJson, $giphyModal, trumbowyg, true);\n });\n }).catch(() => {\n onError();\n });\n };\n var throttledInputRequest = trumbowygThrottle(searchGifsOnInput, trumbowyg.o.plugins.giphy.throttleDelay);\n\n $giphyInput.on('input', throttledInputRequest);\n $giphyInput.focus();\n\n $giphyClose.one('click', function () {\n $giphyModal.trigger(CANCEL_EVENT);\n });\n }\n });\n }\n }\n }\n });\n})(jQuery);\n" }, { "path": "plugins/giphy/ui/sass/trumbowyg.giphy.scss", "content": ".trumbowyg-giphy-button svg {\n transform: scale(1.22);\n}\n\n.trumbowyg-giphy-search {\n display: block;\n width: 80%;\n margin: 5%;\n padding-left: 10px;\n padding-right: 150px;\n}\n\n.trumbowyg-giphy-close {\n position: absolute;\n top: calc(5% + 8px);\n right: calc(5% - 2px);\n width: 30px;\n height: 30px;\n background: none;\n border: 1px solid transparent;\n\n &:hover,\n &:focus {\n outline: none;\n background: #ecf0f1;\n }\n\n &:focus {\n border-color: rgba(0, 0, 0, 0.3);\n }\n}\n\n.trumbowyg-powered-by-giphy {\n position: absolute;\n top: calc(5% + 12px);\n right: calc(15% + 10px);\n pointer-events: none;\n user-select: none;\n\n span {\n text-transform: uppercase;\n font-weight: bold;\n font-size: 10px;\n opacity: 0.6;\n }\n\n svg {\n width: 66px;\n height: 15px;\n vertical-align: middle;\n margin-left: 6px;\n opacity: 0.45;\n }\n}\n\n.trumbowyg-giphy-modal-scroll {\n overflow: auto;\n overflow-x: hidden;\n height: 240px;\n}\n\n.trumbowyg-giphy-modal {\n padding: 0 5%;\n columns: 3;\n column-gap: 10px;\n\n .trumbowyg-giphy-no-result {\n width: 250%;\n margin: 13% 0 0 29%;\n }\n\n .trumbowyg-giphy-offline {\n font-size: 18px;\n width: 305%;\n height: 600px;\n margin-top: 95px;\n text-align: center;\n }\n}\n\n.trumbowyg-giphy-modal .img-container {\n width: 100%;\n margin-bottom: 10px;\n background-color: #ecf0f1;\n\n img {\n width: 100%;\n cursor: pointer;\n opacity: 0;\n transition: opacity 150ms;\n\n &:hover,\n &:focus {\n border: #2ecc71 solid 3px;\n }\n }\n\n img.tbw-loaded {\n opacity: 1;\n }\n}\n" }, { "path": "plugins/highlight/trumbowyg.highlight.js", "content": "/* globals Prism */\n(function ($, Prism) {\n 'use strict';\n\n // My plugin default options\n var defaultOptions = {\n enableLineHighlight: true,\n languageNames: {\n // For updated list of languages\n // see https://github.com/PrismJS/prism/blob/master/plugins/show-language/prism-show-language.js\n 'html': 'HTML',\n 'xml': 'XML',\n 'svg': 'SVG',\n 'mathml': 'MathML',\n 'ssml': 'SSML',\n 'css': 'CSS',\n 'clike': 'C-like',\n 'js': 'JavaScript',\n 'abap': 'ABAP',\n 'abnf': 'Augmented Backus–Naur form',\n 'al': 'AL',\n 'antlr4': 'ANTLR4',\n 'g4': 'ANTLR4',\n 'apacheconf': 'Apache Configuration',\n 'apl': 'APL',\n 'aql': 'AQL',\n 'arff': 'ARFF',\n 'asciidoc': 'AsciiDoc',\n 'adoc': 'AsciiDoc',\n 'asm6502': '6502 Assembly',\n 'aspnet': 'ASP.NET (C#)',\n 'autohotkey': 'AutoHotkey',\n 'autoit': 'AutoIt',\n 'basic': 'BASIC',\n 'bbcode': 'BBcode',\n 'bnf': 'Backus–Naur form',\n 'rbnf': 'Routing Backus–Naur form',\n 'conc': 'Concurnas',\n 'csharp': 'C#',\n 'cs': 'C#',\n 'dotnet': 'C#',\n 'cpp': 'C++',\n 'cil': 'CIL',\n 'coffee': 'CoffeeScript',\n 'cmake': 'CMake',\n 'csp': 'Content-Security-Policy',\n 'css-extras': 'CSS Extras',\n 'dax': 'DAX',\n 'django': 'Django/Jinja2',\n 'jinja2': 'Django/Jinja2',\n 'dns-zone-file': 'DNS zone file',\n 'dns-zone': 'DNS zone file',\n 'dockerfile': 'Docker',\n 'ebnf': 'Extended Backus–Naur form',\n 'ejs': 'EJS',\n 'etlua': 'Embedded Lua templating',\n 'erb': 'ERB',\n 'excel-formula': 'Excel Formula',\n 'xlsx': 'Excel Formula',\n 'xls': 'Excel Formula',\n 'fsharp': 'F#',\n 'firestore-security-rules': 'Firestore security rules',\n 'ftl': 'FreeMarker Template Language',\n 'gcode': 'G-code',\n 'gdscript': 'GDScript',\n 'gedcom': 'GEDCOM',\n 'glsl': 'GLSL',\n 'gml': 'GameMaker Language',\n 'gamemakerlanguage': 'GameMaker Language',\n 'graphql': 'GraphQL',\n 'hs': 'Haskell',\n 'hcl': 'HCL',\n 'hlsl': 'HLSL',\n 'http': 'HTTP',\n 'hpkp': 'HTTP Public-Key-Pins',\n 'hsts': 'HTTP Strict-Transport-Security',\n 'ichigojam': 'IchigoJam',\n 'iecst': 'Structured Text (IEC 61131-3)',\n 'inform7': 'Inform 7',\n 'javadoc': 'JavaDoc',\n 'javadoclike': 'JavaDoc-like',\n 'javastacktrace': 'Java stack trace',\n 'jq': 'JQ',\n 'jsdoc': 'JSDoc',\n 'js-extras': 'JS Extras',\n 'js-templates': 'JS Templates',\n 'json': 'JSON',\n 'jsonp': 'JSONP',\n 'json5': 'JSON5',\n 'latex': 'LaTeX',\n 'tex': 'TeX',\n 'context': 'ConTeXt',\n 'lilypond': 'LilyPond',\n 'ly': 'LilyPond',\n 'emacs': 'Lisp',\n 'elisp': 'Lisp',\n 'emacs-lisp': 'Lisp',\n 'llvm': 'LLVM IR',\n 'lolcode': 'LOLCODE',\n 'md': 'Markdown',\n 'markup-templating': 'Markup templating',\n 'matlab': 'MATLAB',\n 'mel': 'MEL',\n 'moon': 'MoonScript',\n 'n1ql': 'N1QL',\n 'n4js': 'N4JS',\n 'n4jsd': 'N4JS',\n 'nand2tetris-hdl': 'Nand To Tetris HDL',\n 'nasm': 'NASM',\n 'neon': 'NEON',\n 'nginx': 'nginx',\n 'nsis': 'NSIS',\n 'objectivec': 'Objective-C',\n 'objc': 'Objective-C',\n 'ocaml': 'OCaml',\n 'opencl': 'OpenCL',\n 'parigp': 'PARI/GP',\n 'objectpascal': 'Object Pascal',\n 'pcaxis': 'PC-Axis',\n 'px': 'PC-Axis',\n 'peoplecode': 'PeopleCode',\n 'pcode': 'PeopleCode',\n 'php': 'PHP',\n 'phpdoc': 'PHPDoc',\n 'php-extras': 'PHP Extras',\n 'plsql': 'PL/SQL',\n 'powerquery': 'PowerQuery',\n 'pq': 'PowerQuery',\n 'mscript': 'PowerQuery',\n 'powershell': 'PowerShell',\n 'properties': '.properties',\n 'protobuf': 'Protocol Buffers',\n 'py': 'Python',\n 'q': 'Q (kdb+ database)',\n 'qml': 'QML',\n 'rkt': 'Racket',\n 'jsx': 'React JSX',\n 'tsx': 'React TSX',\n 'renpy': 'Ren\\'py',\n 'rest': 'reST (reStructuredText)',\n 'robotframework': 'Robot Framework',\n 'robot': 'Robot Framework',\n 'rb': 'Ruby',\n 'sas': 'SAS',\n 'sass': 'Sass (Sass)',\n 'scss': 'Sass (Scss)',\n 'shell-session': 'Shell session',\n 'solidity': 'Solidity (Ethereum)',\n 'solution-file': 'Solution file',\n 'sln': 'Solution file',\n 'soy': 'Soy (Closure Template)',\n 'sparql': 'SPARQL',\n 'rq': 'SPARQL',\n 'splunk-spl': 'Splunk SPL',\n 'sqf': 'SQF: Status Quo Function (Arma 3)',\n 'sql': 'SQL',\n 'tap': 'TAP',\n 'toml': 'TOML',\n 'tt2': 'Template Toolkit 2',\n 'trig': 'TriG',\n 'ts': 'TypeScript',\n 't4-cs': 'T4 Text Templates (C#)',\n 't4': 'T4 Text Templates (C#)',\n 't4-vb': 'T4 Text Templates (VB)',\n 't4-templating': 'T4 templating',\n 'uscript': 'UnrealScript',\n 'uc': 'UnrealScript',\n 'vbnet': 'VB.Net',\n 'vhdl': 'VHDL',\n 'vim': 'vim',\n 'visual-basic': 'Visual Basic',\n 'vb': 'Visual Basic',\n 'wasm': 'WebAssembly',\n 'wiki': 'Wiki markup',\n 'xeoracube': 'XeoraCube',\n 'xojo': 'Xojo (REALbasic)',\n 'xquery': 'XQuery',\n 'yaml': 'YAML',\n 'yml': 'YAML'\n }\n };\n\n function highlightIt(text, language, lineHighlight) {\n return [\n '',\n '' + Prism.highlight(text, Prism.languages[language]) + '',\n ''\n ].join('');\n }\n\n function escapeHtml(html) {\n return $('').text(html).html();\n }\n\n function buildHighlightOptions(trumbowyg) {\n var languageNames = trumbowyg.o.plugins.highlight.languageNames;\n var languageNameKeys = Object.keys(languageNames);\n var prismLanguageKeys = Object.keys(Prism.languages);\n\n var options = prismLanguageKeys.filter(function (languageKey) {\n return languageNameKeys.indexOf(languageKey) >= 0;\n }).map(function (languageKey) {\n return {\n id: languageKey,\n name: languageNames[languageKey]\n };\n }).sort(function (a, b) {\n // Sort languages by name\n return a.name.localeCompare(b.name);\n }).map(function (language) {\n // Generate a list of options\n return '';\n }).join('');\n\n return options;\n }\n\n function buildLineHighlightFieldIfEnabled(trumbowyg) {\n if (trumbowyg.o.plugins.highlight.enableLineHighlight === false) {\n return '';\n }\n\n return ''\n },\n az: {\n preformatted: 'Kod nümunəsi '\n },\n by: {\n preformatted: 'Прыклад кода '\n },\n da: {\n preformatted: 'Præformateret '\n },\n de: {\n preformatted: 'Code-Beispiel '\n },\n et: {\n preformatted: 'Eelvormindatud tekst '\n },\n fr: {\n preformatted: 'Exemple de code '\n },\n hu: {\n preformatted: 'Kód minta '\n },\n it: {\n preformatted: 'Codice '\n },\n ja: {\n preformatted: 'コードサンプル '\n },\n ko: {\n preformatted: '코드 예제 '\n },\n pt_br: {\n preformatted: 'Exemple de código '\n },\n ru: {\n preformatted: 'Пример кода '\n },\n sl: {\n preformatted: 'Vstavi neformatiran tekst '\n },\n tr: {\n preformatted: 'Kod örneği '\n },\n zh_cn: {\n preformatted: '代码示例 '\n },\n zh_tw: {\n preformatted: '代碼範例 '\n },\n },\n // jshint camelcase:true\n\n plugins: {\n preformatted: {\n init: function (trumbowyg) {\n var btnDef = {\n fn: function () {\n trumbowyg.saveRange();\n var text = trumbowyg.getRangeText();\n if (text.replace(/\\s/g, '') !== '') {\n try {\n var curtag = getSelectionParentElement().tagName.toLowerCase();\n if (curtag === 'code' || curtag === 'pre') {\n return unwrapCode();\n }\n else {\n trumbowyg.execCmd('insertHTML', '' + strip(text) + '
');\n }\n } catch (e) {\n }\n }\n },\n tag: 'pre'\n };\n\n trumbowyg.addBtnDef('preformatted', btnDef);\n }\n }\n }\n });\n\n /*\n * GetSelectionParentElement\n */\n function getSelectionParentElement() {\n var parentEl = null,\n selection;\n\n if (window.getSelection) {\n selection = window.getSelection();\n if (selection.rangeCount) {\n parentEl = selection.getRangeAt(0).commonAncestorContainer;\n if (parentEl.nodeType !== 1) {\n parentEl = parentEl.parentNode;\n }\n }\n } else if ((selection = document.selection) && selection.type !== 'Control') {\n parentEl = selection.createRange().parentElement();\n }\n\n return parentEl;\n }\n\n /*\n * Strip\n * returns a text without HTML tags\n */\n function strip(html) {\n var tmp = document.createElement('DIV');\n tmp.innerHTML = html;\n return tmp.textContent || tmp.innerText || '';\n }\n\n /*\n * UnwrapCode\n * ADD/FIX: to improve, works but can be better\n * \"paranoic\" solution\n */\n function unwrapCode() {\n var container = null;\n\n if (document.selection) { //for IE\n container = document.selection.createRange().parentElement();\n } else {\n var select = window.getSelection();\n if (select.rangeCount > 0) {\n container = select.getRangeAt(0).startContainer.parentNode;\n }\n }\n\n //'paranoic' unwrap\n var ispre = $(container).contents().closest('pre').length;\n var iscode = $(container).contents().closest('code').length;\n\n if (ispre && iscode) {\n $(container).contents().unwrap('code').unwrap('pre');\n } else if (ispre) {\n $(container).contents().unwrap('pre');\n } else if (iscode) {\n $(container).contents().unwrap('code');\n }\n }\n})(jQuery);\n"
},
{
"path": "plugins/resizimg/trumbowyg.resizimg.js",
"content": "; (function ($) {\n 'use strict';\n\n var defaultOptions = {\n minSize: 32,\n step: 4\n };\n\n function preventDefault(e) {\n e.stopPropagation();\n e.preventDefault();\n }\n\n var ResizeWithCanvas = function (trumbowyg) {\n // variable to create canvas and save img in resize mode\n this.resizeCanvas = document.createElement('canvas');\n // to allow canvas to get focus\n this.resizeCanvas.setAttribute('tabindex', '0');\n this.resizeCanvas.id = 'trumbowyg-resizimg-' + (+new Date());\n this.ctx = null;\n this.resizeImg = null;\n\n this.pressEscape = function (obj) {\n obj.reset();\n };\n this.pressBackspaceOrDelete = function (obj) {\n $(obj.resizeCanvas).remove();\n obj.resizeImg = null;\n if (trumbowyg !== null){\n trumbowyg.syncCode();\n // notify changes\n trumbowyg.$c.trigger('tbwchange');\n }\n };\n\n // PRIVATE FUNCTION\n var focusedNow = false;\n var isCursorSeResize = false;\n\n // calculate offset to change mouse over square in the canvas\n var offsetX, offsetY;\n var reOffset = function (canvas) {\n var BB = canvas.getBoundingClientRect();\n offsetX = BB.left;\n offsetY = BB.top;\n };\n\n var updateCanvas = function (canvas, ctx, img, canvasWidth, canvasHeight) {\n ctx.translate(0.5, 0.5);\n ctx.lineWidth = 1;\n\n // image\n ctx.drawImage(img, 5, 5, canvasWidth - 10, canvasHeight - 10);\n\n // border\n ctx.beginPath();\n ctx.rect(5, 5, canvasWidth - 10, canvasHeight - 10);\n ctx.stroke();\n\n // square in the angle\n ctx.beginPath();\n ctx.fillStyle = 'rgb(255, 255, 255)';\n ctx.rect(canvasWidth - 10, canvasHeight - 10, 9, 9);\n ctx.fill();\n ctx.stroke();\n\n // get the offset to change the mouse cursor\n reOffset(canvas);\n\n return ctx;\n };\n\n // PUBLIC FUNCTION\n // necessary to correctly print cursor over square. Called once for instance. Useless with trumbowyg.\n this.init = function () {\n var _this = this;\n $(window).on('scroll resize', function () {\n _this.reCalcOffset();\n });\n };\n\n this.reCalcOffset = function () {\n reOffset(this.resizeCanvas);\n };\n\n this.canvasId = function () {\n return this.resizeCanvas.id;\n };\n\n this.isActive = function () {\n return this.resizeImg !== null;\n };\n\n this.isFocusedNow = function () {\n return focusedNow;\n };\n\n this.blurNow = function () {\n focusedNow = false;\n };\n\n // restore image in the HTML of the editor\n this.reset = function () {\n if (this.resizeImg === null) {\n return;\n }\n\n // set style of image to avoid issue on resize because this attribute have priority over width and height attribute\n this.resizeImg.setAttribute('style', 'width: 100%; max-width: ' + (this.resizeCanvas.clientWidth - 10) + 'px; height: auto; max-height: ' + (this.resizeCanvas.clientHeight - 10) + 'px;');\n\n $(this.resizeCanvas).replaceWith($(this.resizeImg));\n\n // reset canvas style\n this.resizeCanvas.removeAttribute('style');\n this.resizeImg = null;\n };\n\n // setup canvas with points and border to allow the resizing operation\n this.setup = function (img, resizableOptions) {\n this.resizeImg = img;\n\n if (!this.resizeCanvas.getContext) {\n return false;\n }\n\n focusedNow = true;\n\n // draw canvas\n this.resizeCanvas.width = $(this.resizeImg).width() + 10;\n this.resizeCanvas.height = $(this.resizeImg).height() + 10;\n this.resizeCanvas.style.margin = '-5px';\n this.ctx = this.resizeCanvas.getContext('2d');\n\n // replace image with canvas\n $(this.resizeImg).replaceWith($(this.resizeCanvas));\n\n updateCanvas(this.resizeCanvas, this.ctx, this.resizeImg, this.resizeCanvas.width, this.resizeCanvas.height);\n\n // enable resize\n $(this.resizeCanvas).resizableSafe(resizableOptions)\n .on('mousedown', preventDefault);\n\n var _this = this;\n $(this.resizeCanvas)\n .on('mousemove', function (e) {\n var mouseX = Math.round(e.clientX - offsetX);\n var mouseY = Math.round(e.clientY - offsetY);\n\n var wasCursorSeResize = isCursorSeResize;\n\n _this.ctx.rect(_this.resizeCanvas.width - 10, _this.resizeCanvas.height - 10, 9, 9);\n isCursorSeResize = _this.ctx.isPointInPath(mouseX, mouseY);\n if (wasCursorSeResize !== isCursorSeResize) {\n this.style.cursor = isCursorSeResize ? 'se-resize' : 'default';\n }\n })\n .on('keydown', function (e) {\n if (!_this.isActive()) {\n return;\n }\n\n var x = e.keyCode;\n if (x === 27) { // ESC\n _this.pressEscape(_this);\n } else if (x === 8 || x === 46) { // BACKSPACE or DELETE\n _this.pressBackspaceOrDelete(_this);\n }\n })\n .on('focus', preventDefault)\n .on('blur', function () {\n _this.reset();\n // save changes\n if (trumbowyg !== null){\n trumbowyg.syncCode();\n // notify changes\n trumbowyg.$c.trigger('tbwchange');\n }\n });\n\n this.resizeCanvas.focus();\n\n return true;\n };\n\n // update the canvas after the resizing\n this.refresh = function () {\n if (!this.resizeCanvas.getContext) {\n return;\n }\n\n this.resizeCanvas.width = this.resizeCanvas.clientWidth;\n this.resizeCanvas.height = this.resizeCanvas.clientHeight;\n updateCanvas(this.resizeCanvas, this.ctx, this.resizeImg, this.resizeCanvas.width, this.resizeCanvas.height);\n };\n };\n\n $.extend(true, $.trumbowyg, {\n plugins: {\n resizimg: {\n destroyResizable: function () {},\n init: function (trumbowyg) {\n var destroyResizable = this.destroyResizable;\n\n // object to interact with canvas\n var resizeWithCanvas = new ResizeWithCanvas(trumbowyg);\n\n this.destroyResizable = function () {\n // clean html code\n trumbowyg.$ed.find('canvas.resizable')\n .resizableSafe('destroy')\n .off('mousedown', preventDefault)\n .removeClass('resizable');\n\n resizeWithCanvas.reset();\n\n trumbowyg.syncCode();\n };\n\n trumbowyg.o.plugins.resizimg = $.extend(true, {},\n defaultOptions,\n trumbowyg.o.plugins.resizimg || {},\n {\n resizable: {\n resizeWidth: false,\n onDragStart: function (ev, $el) {\n var opt = trumbowyg.o.plugins.resizimg;\n var x = ev.pageX - $el.offset().left;\n var y = ev.pageY - $el.offset().top;\n if (x < $el.width() - opt.minSize || y < $el.height() - opt.minSize) {\n return false;\n }\n },\n onDrag: function (ev, $el, newWidth, newHeight) {\n var opt = trumbowyg.o.plugins.resizimg;\n if (newHeight < opt.minSize) {\n newHeight = opt.minSize;\n }\n newHeight -= newHeight % opt.step;\n $el.height(newHeight);\n return false;\n },\n onDragEnd: function () {\n // resize update canvas information\n resizeWithCanvas.refresh();\n trumbowyg.syncCode();\n }\n }\n }\n );\n\n function initResizable() {\n trumbowyg.$ed.find('img')\n .off('click')\n .on('click', function (e) {\n // if I'm already do a resize, reset it\n if (resizeWithCanvas.isActive()) {\n resizeWithCanvas.reset();\n }\n // initialize resize of image\n resizeWithCanvas.setup(this, trumbowyg.o.plugins.resizimg.resizable);\n\n preventDefault(e);\n });\n }\n\n trumbowyg.$c.on('tbwinit', function () {\n initResizable();\n\n // disable resize when click on other items\n trumbowyg.$ed.on('click', function (e) {\n // check if I've clicked out of canvas or image to reset it\n if ($(e.target).is('img') || e.target.id === resizeWithCanvas.canvasId()) {\n return;\n }\n\n preventDefault(e);\n resizeWithCanvas.reset();\n //sync\n trumbowyg.syncCode();\n // notify changes\n trumbowyg.$c.trigger('tbwchange');\n });\n\n trumbowyg.$ed.on('scroll', function () {\n resizeWithCanvas.reCalcOffset();\n });\n });\n\n trumbowyg.$c.on('tbwfocus tbwchange', initResizable);\n trumbowyg.$c.on('tbwresize', function () {\n resizeWithCanvas.reCalcOffset();\n });\n\n // Destroy\n trumbowyg.$c.on('tbwblur', function () {\n // when canvas is created the tbwblur is called\n // this code avoid to destroy the canvas that allow the image resizing\n if (resizeWithCanvas.isFocusedNow()) {\n resizeWithCanvas.blurNow();\n } else {\n destroyResizable();\n }\n });\n },\n destroy: function () {\n this.destroyResizable();\n }\n }\n }\n });\n})(jQuery);\n"
},
{
"path": "plugins/ruby/trumbowyg.ruby.js",
"content": "/* ===========================================================\n * trumbowyg.ruby.js v1.0\n * Ruby text plugin for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author\t: Fathi Anshory (0x00000F5C)\n * Twitter\t: @fscchannl\n * Comment\t: Since I use trumbowyg in my project and required it to insert ruby text, so I thought I can contribute a little. :D\n */\n\n(function ($) {\n 'use strict';\n\n $.extend(true, $.trumbowyg, {\n langs: {\n // jshint camelcase:false\n en: {\n ruby: 'Add ruby text',\n rubyModal: 'Ruby modal',\n rubyText: 'Ruby text'\n },\n az: {\n ruby: 'Ruby mətni əlavə et',\n rubyModal: 'Ruby modal',\n rubyText: 'Ruby mətni'\n },\n by: {\n ruby: 'Уставіць ruby тэкст',\n rubyModal: 'Ruby анатацыя',\n rubyText: 'Ruby тэкст'\n },\n da: {\n ruby: 'Tilføj ruby tekst',\n rubyModal: 'Ruby modal',\n rubyText: 'Ruby tekst'\n },\n de: {\n ruby: 'Ruby-Text einfügen',\n rubyModal: 'Ruby-Modal',\n rubyText: 'Ruby-Text'\n },\n et: {\n ruby: 'Lisa ruby tekst',\n rubyModal: 'Ruby modaal',\n rubyText: 'Ruby tekst'\n },\n fr: {\n ruby: 'Ajouter du texte ruby',\n rubyModal: 'Modale ruby',\n rubyText: 'Texte ruby'\n },\n hu: {\n ruby: 'Ruby szöveg hozzáadás',\n rubyModal: 'Ruby modal',\n rubyText: 'Ruby szöveg'\n },\n id: {\n ruby: 'Sisipkan teks ruby',\n rubyModal: 'Modal teks ruby',\n rubyText: 'Teks ruby'\n },\n ko: {\n ruby: '루비 문자 넣기',\n rubyModal: '대상 문자',\n rubyText: '루비 문자'\n },\n pt_br: {\n ruby: 'Adicionar texto ruby',\n rubyModal: 'Modal ruby',\n rubyText: 'Texto ruby'\n },\n ru: {\n ruby: 'Вставить ruby текст',\n rubyModal: 'Ruby аннотация',\n rubyText: 'Ruby текст'\n },\n tr: {\n ruby: 'Ruby metni ekle',\n rubyModal: 'Ruby modal',\n rubyText: 'Ruby metni'\n },\n zh_tw: {\n ruby: '加入 ruby 文字',\n rubyModal: 'Ruby 彈跳視窗',\n rubyText: 'Ruby 文字'\n },\n // jshint camelcase:true\n },\n plugins: {\n ruby: {\n init: function (trumbowyg) {\n var btnDef = {\n fn: function () {\n trumbowyg.saveRange();\n trumbowyg.openModalInsert(\n trumbowyg.lang.ruby,\n {\n rubyText: {\n label: trumbowyg.lang.rubyText,\n required: false,\n },\n modal: {\n label: trumbowyg.lang.rubyModal,\n value: trumbowyg.getRangeText(),\n required: true\n }\n },\n function (v) {\n var node = $('' + v.modal + '')[0];\n trumbowyg.range.deleteContents();\n trumbowyg.range.insertNode(node);\n trumbowyg.syncCode();\n trumbowyg.$c.trigger('tbwchange');\n return true;\n }\n );\n }\n };\n trumbowyg.addBtnDef('ruby', btnDef);\n }\n }\n }\n });\n})(jQuery);\n"
},
{
"path": "plugins/specialchars/trumbowyg.specialchars.js",
"content": "/* ===========================================================\n * trumbowyg.specialchars.js v0.99\n * Unicode characters picker plugin for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Renaud Hoyoux (geektortoise)\n*/\n\n(function ($) {\n 'use strict';\n\n var defaultOptions = {\n symbolList: [\n // currencies\n '0024', '20AC', '00A3', '00A2', '00A5', '00A4', '2030', null,\n // legal signs\n '00A9', '00AE', '2122', null,\n // textual sign\n '00A7', '00B6', '00C6', '00E6', '0152', '0153', null,\n '2022', '25CF', '2023', '25B6', '2B29', '25C6', null,\n //maths\n '00B1', '00D7', '00F7', '21D2', '21D4', '220F', '2211', '2243', '2264', '2265'\n ]\n };\n\n $.extend(true, $.trumbowyg, {\n langs: {\n en: {\n specialChars: 'Special characters'\n },\n az: {\n specialChars: 'Xüsusi simvollar'\n },\n by: {\n specialChars: 'Спецыяльныя сімвалы'\n },\n de: {\n specialChars: 'Spezialzeichen'\n },\n et: {\n specialChars: 'Erimärgid'\n },\n fr: {\n specialChars: 'Caractères spéciaux'\n },\n hu: {\n specialChars: 'Speciális karakterek'\n },\n ko: {\n specialChars: '특수문자'\n },\n ru: {\n specialChars: 'Специальные символы'\n },\n sl: {\n specialChars: 'Posebni znaki'\n },\n tr: {\n specialChars: 'Özel karakterler'\n },\n },\n plugins: {\n specialchars: {\n init: function (trumbowyg) {\n trumbowyg.o.plugins.specialchars = trumbowyg.o.plugins.specialchars || defaultOptions;\n var specialCharsBtnDef = {\n dropdown: buildDropdown(trumbowyg)\n };\n\n trumbowyg.addBtnDef('specialChars', specialCharsBtnDef);\n }\n }\n }\n });\n\n function buildDropdown(trumbowyg) {\n var dropdown = [];\n $.each(trumbowyg.o.plugins.specialchars.symbolList, function (i, symbol) {\n if (symbol === null) {\n symbol = ' ';\n } else {\n symbol = '&#x' + symbol;\n }\n\n var btn = symbol.replace(/:/g, ''),\n defaultSymbolBtnName = 'symbol-' + btn,\n defaultSymbolBtnDef = {\n text: symbol,\n hasIcon: false,\n fn: function () {\n var encodedSymbol = String.fromCodePoint(parseInt(symbol.replace('&#', '0')));\n trumbowyg.execCmd('insertText', encodedSymbol);\n return true;\n }\n };\n\n trumbowyg.addBtnDef(defaultSymbolBtnName, defaultSymbolBtnDef);\n dropdown.push(defaultSymbolBtnName);\n });\n\n return dropdown;\n }\n})(jQuery);\n"
},
{
"path": "plugins/specialchars/ui/sass/trumbowyg.specialchars.scss",
"content": ".trumbowyg-symbol-\\ -dropdown-button {\n display: none !important;\n}\n.trumbowyg-symbol-\\ -dropdown-button + button {\n clear: both;\n}\n\n.trumbowyg-dropdown-specialChars {\n width: 248px;\n padding: 5px 3px 3px;\n}\n\n.trumbowyg-dropdown-specialChars button {\n display: block;\n position: relative;\n float: left;\n height: 26px;\n width: 26px;\n padding: 0;\n margin: 2px;\n line-height: 24px;\n text-align: center;\n\n &:hover,\n &:focus {\n &::after {\n display: block;\n position: absolute;\n top: -5px;\n left: -5px;\n height: 27px;\n width: 27px;\n background: inherit;\n box-shadow: #000 0 0 2px;\n z-index: 10;\n background-color: transparent;\n }\n }\n}\n\n.trumbowyg .specialChars {\n width: 22px;\n height: 22px;\n display: inline-block;\n}\n"
},
{
"path": "plugins/speechrecognition/trumbowyg.speechrecognition.js",
"content": "/* ===========================================================\n * trumbowyg.speechrecognition.js v1.0\n * Speech recognition plugin for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Authors :\n * - Tobias Rohde\n * - Alexandre Demode (Alex-D)\n * Website : tobiasrohde.de\n */\n(function ($) {\n 'use strict';\n\n const defaultOptions = {\n lang: 'en-US'\n };\n\n const SpeechRecognition = window.webkitSpeechRecognition || window.SpeechRecognition;\n\n function buildButtonDef(trumbowyg) {\n let btnElement = null;\n let isRecognizing = false;\n let $resultTextParagraph = null;\n\n const recognition = new SpeechRecognition();\n\n recognition.continuous = true;\n recognition.interimResults = true;\n recognition.maxAlternatives = 1; // We only read the first\n\n recognition.onstart = function () {\n isRecognizing = true;\n btnElement.style.color = '#e71d36';\n };\n\n recognition.onerror = function () {\n isRecognizing = false;\n btnElement.style.removeProperty('color');\n };\n\n recognition.onend = function () {\n isRecognizing = false;\n btnElement.style.removeProperty('color');\n };\n\n recognition.onresult = function (event) {\n const resultText = [...event.results].map((result) => {\n return result[0].transcript + (result.isFinal ? '
' : '');\n }).join('');\n $resultTextParagraph.html(resultText);\n trumbowyg.range.setEndAfter($resultTextParagraph[0]);\n trumbowyg.range.collapse();\n trumbowyg.syncCode();\n };\n\n return {\n isSupported,\n fn: function () {\n if (isRecognizing) {\n recognition.stop();\n return;\n }\n\n // Get the actual button to allow to switch his color\n btnElement = trumbowyg.$btnPane.find('.' + trumbowyg.o.prefix + 'speechrecognition-button svg')[0];\n\n // Create a container if needed in which we will put the recognized text\n trumbowyg.$ed.focus();\n setTimeout(() => {\n trumbowyg.saveRange();\n if (\n trumbowyg.range.startContainer === trumbowyg.range.endContainer &&\n trumbowyg.range.startContainer.nodeName === 'P' &&\n trumbowyg.range.startContainer.innerText.trim() === ''\n ) {\n $resultTextParagraph = $(trumbowyg.range.startContainer);\n } else {\n $resultTextParagraph = $('');\n trumbowyg.range.deleteContents();\n trumbowyg.range.insertNode($resultTextParagraph[0]);\n }\n\n // Set up the recognition\n recognition.lang = trumbowyg.o.plugins.speechRecognition.lang;\n recognition.start();\n });\n }\n };\n }\n\n function isSupported() {\n return SpeechRecognition !== undefined;\n }\n\n\n $.extend(true, $.trumbowyg, {\n langs: {\n az: {\n speechRecognition: 'Nitqin tanınması'\n },\n bg: {\n speechRecognition: 'Разпознаване на реч'\n },\n by: {\n speechRecognition: 'Распазнаванне маўлення'\n },\n ca: {\n speechRecognition: 'Reconeixement de veu'\n },\n cs: {\n speechRecognition: 'Rozpoznávání řeči'\n },\n da: {\n speechRecognition: 'Talegenkendelse'\n },\n de: {\n speechRecognition: 'Spracherkennung'\n },\n el: {\n speechRecognition: 'Αναγνώριση ομιλίας'\n },\n en: {\n speechRecognition: 'Speech recognition'\n },\n es: {\n speechRecognition: 'Reconocimiento de voz'\n },\n et: {\n speechRecognition: 'Kõnetuvastus'\n },\n fi: {\n speechRecognition: 'Puheentunnistus'\n },\n fr: {\n speechRecognition: 'Reconnaissance vocale'\n },\n hr: {\n speechRecognition: 'Prepoznavanje govora'\n },\n hu: {\n speechRecognition: 'Beszédfelismerés'\n },\n it: {\n speechRecognition: 'Riconoscimento vocale'\n },\n lt: {\n speechRecognition: 'Kalbos atpažinimas'\n },\n nb: {\n speechRecognition: 'Talegjenkjenning'\n },\n nl: {\n speechRecognition: 'Spraakherkenning'\n },\n pl: {\n speechRecognition: 'Rozpoznawanie mowy'\n },\n pt: {\n speechRecognition: 'Reconhecimento de voz'\n },\n ro: {\n speechRecognition: 'Recunoașterea vorbirii'\n },\n rs: {\n speechRecognition: 'Препознавање говора'\n },\n ru: {\n speechRecognition: 'Распознавание речи'\n },\n sk: {\n speechRecognition: 'Rozpoznávanie reči'\n },\n sq: {\n speechRecognition: 'Njohja e të folurit'\n },\n sv: {\n speechRecognition: 'Taligenkänning'\n },\n ua: {\n speechRecognition: 'Розпізнавання мови'\n }\n },\n\n plugins: {\n speechRecognition: {\n shouldInit: isSupported,\n init: function (trumbowyg) {\n trumbowyg.o.plugins.speechRecognition = $.extend(true, {},\n defaultOptions,\n trumbowyg.o.plugins.speechRecognition || {}\n );\n\n trumbowyg.addBtnDef('speechrecognition', buildButtonDef(trumbowyg));\n }\n }\n }\n });\n})(jQuery);\n"
},
{
"path": "plugins/table/trumbowyg.table.js",
"content": "/* ===========================================================\n * trumbowyg.table.js v3.0\n * Table plugin for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Alexandre Demode (Alex-D)\n * Twitter : @AlexandreDemode\n * Website : alex-d.fr\n * Original Author : Sven Dunemann [dunemann@forelabs.eu]\n */\n\n(function ($) {\n 'use strict';\n\n // Throttle helper\n function trumbowygThrottle(callback, delay) {\n var last;\n var timer;\n\n return function () {\n var context = this;\n var now = new Date().getTime();\n var args = arguments;\n\n if (last && now < last + delay) {\n clearTimeout(timer);\n timer = setTimeout(function () {\n last = now;\n callback.apply(context, args);\n }, delay);\n return;\n }\n\n last = now;\n callback.apply(context, args);\n };\n }\n\n var defaultOptions = {\n rows: 8,\n columns: 8,\n allowHorizontalResize: true,\n colorList: [\n 'ffffff', '000000', 'eeece1', '1f497d', '4f81bd', 'c0504d', '9bbb59', '8064a2', '4bacc6', 'f79646', 'ffff00',\n 'f2f2f2', '7f7f7f', 'ddd9c3', 'c6d9f0', 'dbe5f1', 'f2dcdb', 'ebf1dd', 'e5e0ec', 'dbeef3', 'fdeada', 'fff2ca',\n 'd8d8d8', '595959', 'c4bd97', '8db3e2', 'b8cce4', 'e5b9b7', 'd7e3bc', 'ccc1d9', 'b7dde8', 'fbd5b5', 'ffe694',\n 'bfbfbf', '3f3f3f', '938953', '548dd4', '95b3d7', 'd99694', 'c3d69b', 'b2a2c7', 'b7dde8', 'fac08f', 'f2c314',\n 'a5a5a5', '262626', '494429', '17365d', '366092', '953734', '76923c', '5f497a', '92cddc', 'e36c09', 'c09100',\n '7f7f7f', '0c0c0c', '1d1b10', '0f243e', '244061', '632423', '4f6128', '3f3151', '31859b', '974806', '7f6000'\n ],\n backgroundColorList: null, // fallbacks on colorList\n allowCustomBackgroundColor: true,\n displayBackgroundColorsAsList: false,\n borderColorList: null, // fallbacks on colorList\n allowCustomBorderColor: true,\n displayBorderColorsAsList: false,\n dropdown: [\n {\n title: 'tableRows',\n buttons: [\n 'tableAddHeaderRow',\n 'tableAddRowAbove',\n 'tableAddRow',\n 'tableDeleteRow',\n ],\n },\n {\n title: 'tableColumns',\n buttons: [\n 'tableAddColumnLeft',\n 'tableAddColumn',\n 'tableDeleteColumn',\n ],\n },\n {\n title: 'tableVerticalAlign',\n buttons: [\n 'tableVerticalAlignTop',\n 'tableVerticalAlignMiddle',\n 'tableVerticalAlignBottom',\n ],\n },\n {\n title: 'tableOthers',\n buttons: [\n // Cell merge/split\n 'tableMergeCells',\n 'tableUnmergeCells',\n 'tableDestroy',\n ]\n }\n ],\n };\n\n function ucFirst(value) {\n return value[0].toUpperCase() + value.slice(1);\n }\n\n function hex(x) {\n return ('0' + parseInt(x).toString(16)).slice(-2);\n }\n\n function colorToHex(rgb) {\n if (rgb.search('rgb') === -1) {\n return rgb.replace('#', '');\n } else if (rgb === 'rgba(0, 0, 0, 0)') {\n return 'transparent';\n } else {\n rgb = rgb.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d?(.\\d+)))?\\)$/);\n if (rgb == null) {\n return 'transparent'; // No match, return transparent as unkown color\n }\n return hex(rgb[1]) + hex(rgb[2]) + hex(rgb[3]);\n }\n }\n\n $.extend(true, $.trumbowyg, {\n langs: {\n // jshint camelcase:false\n en: {\n table: 'Insert table',\n tableRows: 'Rows',\n tableColumns: 'Columns',\n tableVerticalAlign: 'Vertical align',\n tableOthers: 'Others',\n tableAddHeaderRow: 'Insert head row',\n tableAddRowAbove: 'Insert row above',\n tableAddRow: 'Insert row below',\n tableAddColumnLeft: 'Insert column to the left',\n tableAddColumn: 'Insert column to the right',\n tableDeleteRow: 'Delete row',\n tableDeleteColumn: 'Delete column',\n tableDestroy: 'Delete table',\n tableMergeCells: 'Merge cells',\n tableUnmergeCells: 'Unmerge cells',\n tableVerticalAlignTop: 'Align text to top',\n tableVerticalAlignMiddle: 'Center text vertically',\n tableVerticalAlignBottom: 'Align text to bottom',\n tableCellBackgroundColor: 'Cell background color',\n tableBorderColor: 'Table border color'\n },\n az: {\n table: 'Cədvəl yerləşdir',\n tableAddRow: 'Sətir əlavə et',\n tableAddRowAbove: 'Yuxarı sətir əlavə et',\n tableAddColumnLeft: 'Sola sütun əlavə et',\n tableAddColumn: 'Sağa sütun əlavə et',\n tableDeleteRow: 'Sətri sil',\n tableDeleteColumn: 'Sütunu sil',\n tableDestroy: 'Cədvəli sil',\n },\n ca: {\n table: 'Inserir taula',\n tableAddRow: 'Afegir fila',\n tableAddRowAbove: 'Afegir fila a dalt',\n tableAddColumnLeft: 'Afegir columna a l\\'esquerra',\n tableAddColumn: 'Afegir columna a la dreta',\n tableDeleteRow: 'Esborrar fila',\n tableDeleteColumn: 'Esborrar columna',\n tableDestroy: 'Esborrar taula',\n error: 'Error'\n },\n cs: {\n table: 'Vytvořit příkaz Table',\n tableAddRow: 'Přidat řádek',\n tableAddRowAbove: 'Přidat řádek',\n tableAddColumnLeft: 'Přidat sloupec',\n tableAddColumn: 'Přidat sloupec',\n },\n da: {\n table: 'Indsæt tabel',\n tableAddRow: 'Tilføj række',\n tableAddRowAbove: 'Tilføj række',\n tableAddColumnLeft: 'Tilføj kolonne',\n tableAddColumn: 'Tilføj kolonne',\n tableDeleteRow: 'Slet række',\n tableDeleteColumn: 'Slet kolonne',\n tableDestroy: 'Slet tabel',\n },\n de: {\n table: 'Tabelle einfügen',\n tableRows: 'Zeilen',\n tableColumns: 'Spalten',\n tableVerticalAlign: 'Vertikal ausrichten',\n tableOthers: 'Andere',\n tableAddHeaderRow: 'Kopfzeile einfügen',\n tableAddRowAbove: 'Zeile oberhalb einfügen',\n tableAddRow: 'Zeile unterhalb einfügen',\n tableAddColumnLeft: 'Spalte links einfügen',\n tableAddColumn: 'Spalte rechts einfügen',\n tableDeleteRow: 'Zeile löschen',\n tableDeleteColumn: 'Spalte löschen',\n tableDestroy: 'Tabelle löschen',\n tableMergeCells: 'Zellen zusammenführen',\n tableUnmergeCells: 'Zellen trennen',\n tableVerticalAlignTop: 'Text nach oben ausrichten',\n tableVerticalAlignMiddle: 'Text vertikal zentrieren',\n tableVerticalAlignBottom: 'Text nach unten ausrichten',\n tableCellBackgroundColor: 'Hintergrundfarbe der Zelle',\n tableBorderColor: 'Farbe des Tabellenrahmens'\n },\n et: {\n table: 'Sisesta tabel',\n tableAddRow: 'Lisa rida',\n tableAddRowAbove: 'Lisa rida üles',\n tableAddColumnLeft: 'Lisa tulp vasakule',\n tableAddColumn: 'Lisa tulp paremale',\n tableDeleteRow: 'Kustuta rida',\n tableDeleteColumn: 'Kustuta tulp',\n tableDestroy: 'Kustuta tabel',\n },\n fr: {\n table: 'Insérer un tableau',\n tableRows: 'Lignes',\n tableColumns: 'Colonnes',\n tableVerticalAlign: 'Alignement vertical',\n tableOthers: 'Autres',\n tableAddHeaderRow: 'Insérer une line d\\'en-tête',\n tableAddRowAbove: 'Insérer une ligne au dessus',\n tableAddRow: 'Insérer une ligne en dessous',\n tableAddColumnLeft: 'Insérer une colonne à gauche',\n tableAddColumn: 'Insérer une colonne à droite',\n tableDeleteRow: 'Supprimer la ligne',\n tableDeleteColumn: 'Supprimer la colonne',\n tableDestroy: 'Supprimer le tableau',\n tableMergeCells: 'Fusionner les cellules',\n tableUnmergeCells: 'Dissocier les cellules',\n tableVerticalAlignTop: 'Aligner en haut',\n tableVerticalAlignMiddle: 'Aligner au milieu',\n tableVerticalAlignBottom: 'Aligner en bas',\n tableCellBackgroundColor: 'Couleur de fond des cellules',\n tableBorderColor: 'Couleur de la bordure du tableau'\n },\n hu: {\n table: 'Táblázat beszúrás',\n tableAddRow: 'Sor hozzáadás',\n tableAddRowAbove: 'Sor beszúrás fönt',\n tableAddColumnLeft: 'Sor beszúrás balra',\n tableAddColumn: 'Sor beszúrás jobbra',\n tableDeleteRow: 'Sor törlés',\n tableDeleteColumn: 'Oszlop törlés',\n tableDestroy: 'Táblázat törlés',\n },\n id: {\n table: 'Sisipkan tabel',\n tableAddRow: 'Sisipkan baris',\n tableAddRowAbove: 'Sisipkan baris',\n tableAddColumnLeft: 'Sisipkan kolom',\n tableAddColumn: 'Sisipkan kolom',\n tableDeleteRow: 'Hapus baris',\n tableDeleteColumn: 'Hapus kolom',\n tableDestroy: 'Hapus tabel',\n },\n ja: {\n table: '表の挿入',\n tableAddRow: '行の追加',\n tableAddRowAbove: '行の追加',\n tableAddColumnLeft: '列の追加',\n tableAddColumn: '列の追加',\n },\n ko: {\n table: '표 넣기',\n tableAddRow: '줄 추가',\n tableAddRowAbove: '줄 추가',\n tableAddColumnLeft: '칸 추가',\n tableAddColumn: '칸 추가',\n tableDeleteRow: '줄 삭제',\n tableDeleteColumn: '칸 삭제',\n tableDestroy: '표 지우기',\n },\n pt_br: {\n table: 'Inserir tabela',\n tableRows: 'Linhas',\n tableColumns: 'Colunas',\n tableVerticalAlign: 'Alinhamento',\n tableOthers: 'Outros',\n tableAddHeaderRow: 'Inserir cabeçalho',\n tableAddRowAbove: 'Inserir linha',\n tableAddRow: 'Inserir linha',\n tableAddColumnLeft: 'Inserir coluna',\n tableAddColumn: 'Inserir coluna',\n tableDeleteRow: 'Excluir linha',\n tableDeleteColumn: 'Excluir coluna',\n tableDestroy: 'Excluir tabela',\n tableMergeCells: 'Mesclar células',\n tableUnmergeCells: 'Dividir células',\n tableVerticalAlignTop: 'Alinhar acima',\n tableVerticalAlignMiddle: 'Alinhar ao centro',\n tableVerticalAlignBottom: 'Alinhar abaixo',\n tableCellBackgroundColor: 'Cor da célula',\n tableBorderColor: 'Cor da borda da tabela'\n },\n ru: {\n table: 'Вставить таблицу',\n tableAddRow: 'Добавить строку',\n tableAddRowAbove: 'Добавить строку',\n tableAddColumnLeft: 'Добавить столбец',\n tableAddColumn: 'Добавить столбец',\n tableDeleteRow: 'Удалить строку',\n tableDeleteColumn: 'Удалить столбец',\n tableDestroy: 'Удалить таблицу',\n },\n sl: {\n table: 'Dodaj tabelo',\n tableAddRow: 'Dodaj vrstico',\n tableAddRowAbove: 'Vrini vrstico',\n tableAddColumnLeft: 'Vrini stolpec',\n tableAddColumn: 'Dodaj stolpec',\n tableDeleteRow: 'Izbriši vrstico',\n tableDeleteColumn: 'Izbriši stolpec',\n tableDestroy: 'Izbriši tabelo',\n },\n sk: {\n table: 'Vytvoriť tabuľky',\n tableAddRow: 'Pridať riadok',\n tableAddRowAbove: 'Pridať riadok',\n tableAddColumnLeft: 'Pridať stĺpec',\n tableAddColumn: 'Pridať stĺpec',\n },\n tr: {\n table: 'Tablo ekle',\n tableAddRow: 'Satır ekle',\n tableAddRowAbove: 'Yukarıya satır ekle',\n tableAddColumnLeft: 'Sola sütun ekle',\n tableAddColumn: 'Sağa sütun ekle',\n tableDeleteRow: 'Satırı sil',\n tableDeleteColumn: 'Sütunu sil',\n tableDestroy: 'Tabloyu sil',\n },\n zh_tw: {\n table: '插入表格',\n tableAddRow: '加入行',\n tableAddRowAbove: '加入行',\n tableAddColumnLeft: '加入列',\n tableAddColumn: '加入列',\n tableDeleteRow: '刪除行',\n tableDeleteColumn: '刪除列',\n tableDestroy: '刪除表格',\n },\n es: {\n table: 'Insertar tabla',\n tableAddRow: 'Agregar fila',\n tableAddRowAbove: 'Agregar fila arriba',\n tableAddColumnLeft: 'Agregar columna a la izquierda',\n tableAddColumn: 'Agregar columna a la derecha',\n tableDeleteRow: 'Borrar fila',\n tableDeleteColumn: 'Borrar columna',\n tableDestroy: 'Borrar tabla',\n }// jshint camelcase:true\n },\n\n plugins: {\n table: {\n // jshint maxstatements:false\n init: function (t) {\n t.o.plugins.table = $.extend(true, {}, defaultOptions, t.o.plugins.table || {});\n\n // State\n var tableSelectedCells;\n\n ////////////////////////////////////////////////////\n // Dropdown\n\n var buildButtonDef = {\n fn: function () {\n t.saveRange();\n\n var btnName = 'table';\n\n var dropdownPrefix = t.o.prefix + 'dropdown',\n dropdownOptions = { // the dropdown\n class: dropdownPrefix + '-' + btnName + ' ' + dropdownPrefix + ' ' + t.o.prefix + 'fixed-top'\n };\n dropdownOptions['data-' + dropdownPrefix] = btnName;\n var $dropdown = $('', dropdownOptions);\n\n if (t.$box.find('.' + dropdownPrefix + '-' + btnName).length === 0) {\n t.$box.append($dropdown.hide());\n } else {\n $dropdown = t.$box.find('.' + dropdownPrefix + '-' + btnName);\n }\n\n // clear dropdown\n $dropdown.html('');\n\n // when active table show AddRow / AddColumn\n if (t.$box.find('.' + t.o.prefix + 'table-button').hasClass(t.o.prefix + 'active-button')) {\n var $table = $(t.doc.getSelection().anchorNode).closest('table', t.$ed[0]);\n var tableState = getTableState($table);\n var hasSelectedCells = tableSelectedCells !== undefined;\n $(t.o.plugins.table.dropdown).each(function (_, buttonGroup) {\n $dropdown.append($('', {\n html: t.lang[buttonGroup.title] ? t.lang[buttonGroup.title] : buttonGroup.title,\n class: t.o.prefix + 'table-dropdown-title'\n })).text();\n var $buttonGroup = $('', {\n class: t.o.prefix + 'dropdown-button-group'\n });\n\n $(buttonGroup.buttons).each(function (_, buttonName) {\n // Conditional thead button\n if (buttonName === 'tableAddHeaderRow') {\n var hasThead = $('thead', $table).length !== 0;\n if (hasThead) {\n return;\n }\n }\n\n // Conditional merge button\n if (buttonName === 'tableMergeCells' && !hasSelectedCells) {\n return;\n }\n\n // Conditional unmerge button\n if (buttonName === 'tableUnmergeCells') {\n var hasAtLeastOneMergedCell = false;\n foreachSelectedCell(function ($cell) {\n var isMergedCell = $cell.is('[colspan]') || $cell.is('[rowspan]');\n hasAtLeastOneMergedCell = hasAtLeastOneMergedCell || isMergedCell;\n }, tableState);\n if (!hasAtLeastOneMergedCell) {\n return;\n }\n }\n\n $buttonGroup.append(t.buildSubBtn(buttonName));\n });\n\n $dropdown.append($buttonGroup);\n });\n } else {\n var $tableSelect = $('![](\"https://media.tenor.com/YtAOA9y7VG0AAAAM/loading.gif\")
Loading more gifs...
You are offline
');\n };\n\n registerGifClickEventInModal(trumbowyg, $tenorModal);\n\n // Load trending gifs as default\n fetch(DEFAULT_URL, {\n method: 'GET',\n cache: 'no-cache',\n signal: abortController.signal\n }).then((response) => {\n response.json().then((responseJson) => {\n renderGifs(responseJson, $tenorModal, trumbowyg, true);\n });\n }).catch(() => {\n onError();\n });\n\n var searchGifsOnInput = function () {\n var query = $tenorInput.val();\n\n if (query.length === 0) {\n return;\n }\n\n try {\n abortController.abort();\n abortController = new AbortController();\n } catch (e) {\n }\n\n $tenorModalScroll.scrollTop(0);\n fetch(BASE_URL + '&q=' + encodeURIComponent(query), {\n method: 'GET',\n cache: 'no-cache',\n signal: abortController.signal\n }).then((response) => {\n response.json().then((responseJson) => {\n renderGifs(responseJson, $tenorModal, trumbowyg, true);\n });\n }).catch(() => {\n onError();\n });\n };\n var throttledInputRequest = trumbowygThrottle(searchGifsOnInput, trumbowyg.o.plugins.tenor.throttleDelay);\n\n $tenorInput.on('input', throttledInputRequest);\n $tenorInput.focus();\n\n $tenorClose.one('click', function () {\n $tenorModal.trigger(CANCEL_EVENT);\n });\n\n var throttledQuery = trumbowygThrottle(function () {\n if ($tenorModalScroll.scrollTop() + $tenorModalScroll.innerHeight() >= $tenorModalScroll[0].scrollHeight - 100) {\n if (nextCursor) {\n var query = $tenorInput.val();\n var url = query.length === 0 ? DEFAULT_URL : BASE_URL + '&q=' + encodeURIComponent(query);\n url += '&pos=' + nextCursor;\n\n fetch(url, {\n method: 'GET',\n cache: 'no-cache',\n signal: abortController.signal\n }).then((response) => {\n response.json().then((responseJson) => {\n renderGifs(responseJson, $tenorModal, trumbowyg, false);\n });\n }).catch(() => {\n onError();\n });\n }\n }\n }, 500);\n\n // Infinite scrolling\n $tenorModalScroll.on('scroll', throttledQuery);\n }\n });\n }\n }\n }\n });\n})(jQuery);\n" }, { "path": "plugins/tenor/ui/sass/trumbowyg.tenor.scss", "content": "// Adapted from giphy plugin\n\n.trumbowyg-tenor-button svg {\n transform: scale(1.22);\n}\n\n.trumbowyg-tenor-search {\n display: block;\n width: 80%;\n margin: 5%;\n padding-left: 10px;\n padding-right: 150px;\n}\n\n.trumbowyg-tenor-close {\n position: absolute;\n top: calc(5% + 8px);\n right: calc(5% - 2px);\n width: 30px;\n height: 30px;\n background: none;\n border: 1px solid transparent;\n\n &:hover,\n &:focus {\n outline: none;\n background: #ecf0f1;\n }\n\n &:focus {\n border-color: rgba(0, 0, 0, 0.3);\n }\n}\n\n.trumbowyg-powered-by-tenor {\n position: absolute;\n top: calc(5% + 11px);\n right: calc(15% + 5px);\n pointer-events: none;\n user-select: none;\n\n span {\n text-transform: uppercase;\n font-weight: bold;\n font-size: 10px;\n opacity: 0.6;\n }\n\n svg {\n width: 66px;\n height: 15px;\n vertical-align: middle;\n margin-left: 6px;\n opacity: 0.45;\n }\n}\n\n.trumbowyg-tenor-modal-scroll {\n overflow: auto;\n overflow-x: hidden;\n height: 240px;\n\n .trumbowyg-tenor-loading {\n display: none;\n padding: 20px;\n\n img {\n height: 25px;\n }\n }\n}\n\n.trumbowyg-tenor-modal {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin: 0 3%;\n\n .trumbowyg-tenor-no-result {\n width: 100%;\n margin: 0 3%;\n }\n\n .trumbowyg-tenor-offline {\n font-size: 18px;\n width: 305%;\n height: 600px;\n margin-top: 95px;\n text-align: center;\n }\n}\n\n.trumbowyg-tenor-modal .img-container {\n margin-bottom: 10px;\n background-color: #ecf0f1;\n\n img {\n width: 100%;\n cursor: pointer;\n opacity: 0;\n transition: opacity 150ms;\n display: block;\n\n &:hover,\n &:focus {\n border: #2ecc71 solid 3px;\n }\n }\n\n img.tbw-loaded {\n opacity: 1;\n }\n}\n" }, { "path": "plugins/upload/trumbowyg.upload.js", "content": "/* ===========================================================\n * trumbowyg.upload.js v1.2\n * Upload plugin for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Alexandre Demode (Alex-D)\n * Twitter : @AlexandreDemode\n * Website : alex-d.fr\n * Mod by : Aleksandr-ru\n * Twitter : @Aleksandr_ru\n * Website : aleksandr.ru\n */\n\n(function ($) {\n 'use strict';\n\n var defaultOptions = {\n serverPath: '',\n fileFieldName: 'fileToUpload',\n data: [], // Additional data for ajax [{name: 'key', value: 'value'}]\n headers: {}, // Additional headers\n xhrFields: {}, // Additional fields\n urlPropertyName: 'file', // How to get url from the json response (for instance 'url' for {url: ....})\n statusPropertyName: 'success', // How to get status from the json response\n success: undefined, // Success callback: function (data, trumbowyg, $modal, values) {}\n error: undefined, // Error callback: function () {}\n imageWidthModalEdit: false // Add ability to edit image width\n };\n\n function getDeep(object, propertyParts) {\n var mainProperty = propertyParts.shift(),\n otherProperties = propertyParts;\n\n if (object !== null) {\n if (otherProperties.length === 0) {\n return object[mainProperty];\n }\n\n if (typeof object === 'object') {\n return getDeep(object[mainProperty], otherProperties);\n }\n }\n return object;\n }\n\n function runXhrRequest(url, data, options) {\n var xhrRequest = new XMLHttpRequest();\n xhrRequest.open(\n 'POST',\n url,\n true\n );\n\n // Set Headers\n Object.keys(options.headers).forEach((headerKey) => {\n xhrRequest.setRequestHeader(headerKey, options.headers[headerKey]);\n });\n\n // Set XHR fields\n Object.keys(options.xhrFields).forEach((xhrFieldKey) => {\n xhrRequest[xhrFieldKey] = options.headers[xhrFieldKey];\n });\n\n // Progress\n xhrRequest.upload.addEventListener('progress', function (e) {\n options.progress(e);\n }, false);\n\n // Success\n xhrRequest.onreadystatechange = function() {\n if (xhrRequest.readyState !== 4) {\n return;\n }\n\n if ((xhrRequest.status < 200 || xhrRequest.status >= 300) && xhrRequest.status !== 304) {\n options.error();\n xhrRequest = null;\n return;\n }\n\n var jsonResponse = JSON.parse(xhrRequest.responseText);\n options.success(jsonResponse);\n\n xhrRequest = null;\n };\n\n xhrRequest.send(data);\n }\n\n $.extend(true, $.trumbowyg, {\n langs: {\n // jshint camelcase:false\n en: {\n upload: 'Upload',\n file: 'File',\n uploadError: 'Error'\n },\n az: {\n upload: 'Yüklə',\n file: 'Fayl',\n uploadError: 'Xəta'\n },\n by: {\n upload: 'Загрузка',\n file: 'Файл',\n uploadError: 'Памылка'\n },\n ca: {\n upload: 'Pujar fitxer',\n file: 'Fitxer',\n uploadError: 'Error'\n },\n cs: {\n upload: 'Nahrát obrázek',\n file: 'Soubor',\n uploadError: 'Chyba'\n },\n da: {\n upload: 'Upload',\n file: 'Fil',\n uploadError: 'Fejl'\n },\n de: {\n upload: 'Hochladen',\n file: 'Datei',\n uploadError: 'Fehler'\n },\n es: {\n upload: 'Subir archivo',\n file: 'Archivo',\n uploadError: 'Error'\n },\n et: {\n upload: 'Lae üles',\n file: 'Fail',\n uploadError: 'Viga'\n },\n fr: {\n upload: 'Envoi',\n file: 'Fichier',\n uploadError: 'Erreur'\n },\n hu: {\n upload: 'Feltöltés',\n file: 'Fájl',\n uploadError: 'Hiba'\n },\n ja: {\n upload: 'アップロード',\n file: 'ファイル',\n uploadError: 'エラー'\n },\n ko: {\n upload: '그림 올리기',\n file: '파일',\n uploadError: '에러'\n },\n pt_br: {\n upload: 'Enviar do local',\n file: 'Arquivo',\n uploadError: 'Erro'\n },\n ru: {\n upload: 'Загрузка',\n file: 'Файл',\n uploadError: 'Ошибка'\n },\n sl: {\n upload: 'Naloži datoteko',\n file: 'Datoteka',\n uploadError: 'Napaka'\n },\n sk: {\n upload: 'Nahrať',\n file: 'Súbor',\n uploadError: 'Chyba'\n },\n tr: {\n upload: 'Yükle',\n file: 'Dosya',\n uploadError: 'Hata'\n },\n zh_cn: {\n upload: '上传',\n file: '文件',\n uploadError: '错误'\n },\n zh_tw: {\n upload: '上傳',\n file: '文件',\n uploadError: '錯誤'\n },\n },\n // jshint camelcase:true\n\n plugins: {\n upload: {\n init: function (trumbowyg) {\n trumbowyg.o.plugins.upload = $.extend(true, {}, defaultOptions, trumbowyg.o.plugins.upload || {});\n var btnDef = {\n fn: function () {\n trumbowyg.saveRange();\n\n var file,\n prefix = trumbowyg.o.prefix;\n\n var fields = {\n file: {\n type: 'file',\n required: true,\n attributes: {\n accept: 'image/*'\n }\n },\n alt: {\n label: 'description',\n value: trumbowyg.getRangeText()\n }\n };\n\n if (trumbowyg.o.plugins.upload.imageWidthModalEdit) {\n fields.width = {\n value: ''\n };\n }\n\n // Prevent multiple submissions while uploading\n var isUploading = false;\n\n var $modal = trumbowyg.openModalInsert(\n // Title\n trumbowyg.lang.upload,\n\n // Fields\n fields,\n\n // Callback\n function (values) {\n const uploadPluginOptions = trumbowyg.o.plugins.upload;\n\n if (isUploading) {\n return;\n }\n isUploading = true;\n\n var data = new FormData();\n data.append(uploadPluginOptions.fileFieldName, file);\n\n uploadPluginOptions.data.map(function (cur) {\n data.append(cur.name, cur.value);\n });\n\n $.map(values, function (curr, key) {\n if (key !== 'file') {\n data.append(key, curr);\n }\n });\n\n if ($('.' + prefix + 'progress', $modal).length === 0) {\n $('.' + prefix + 'modal-title', $modal)\n .after(\n $('', {\n 'class': prefix + 'progress'\n }).append(\n $('', {\n 'class': prefix + 'progress-bar'\n })\n )\n );\n }\n\n runXhrRequest(\n uploadPluginOptions.serverPath,\n data,\n {\n headers: uploadPluginOptions.headers,\n xhrFields: uploadPluginOptions.xhrFields,\n\n progress: function (e) {\n $('.' + prefix + 'progress-bar').css('width', Math.round(e.loaded * 100 / e.total) + '%');\n },\n\n success: function (data) {\n isUploading = false;\n\n if (uploadPluginOptions.success) {\n uploadPluginOptions.success(data, trumbowyg, $modal, values);\n return;\n }\n\n if (!getDeep(data, uploadPluginOptions.statusPropertyName.split('.'))) {\n trumbowyg.addErrorOnModalField(\n $('input[type=file]', $modal),\n trumbowyg.lang[data.message]\n );\n trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg, data]);\n return;\n }\n\n var url = getDeep(data, uploadPluginOptions.urlPropertyName.split('.'));\n trumbowyg.execCmd('insertImage', url, false, true);\n var $img = $('img[src=\"' + url + '\"]:not([alt])', trumbowyg.$box);\n $img.attr('alt', values.alt);\n if (uploadPluginOptions.imageWidthModalEdit && parseInt(values.width) > 0) {\n $img.attr({\n width: values.width\n });\n }\n trumbowyg.syncCode();\n setTimeout(function () {\n trumbowyg.closeModal();\n }, 250);\n trumbowyg.$c.trigger('tbwuploadsuccess', [trumbowyg, data, url]);\n },\n\n error: uploadPluginOptions.error || function () {\n trumbowyg.addErrorOnModalField(\n $('input[type=file]', $modal),\n trumbowyg.lang.uploadError\n );\n trumbowyg.$c.trigger('tbwuploaderror', [trumbowyg]);\n\n isUploading = false;\n }\n }\n );\n }\n );\n\n $('input[type=file]').on('change', function (e) {\n // We just get the first.\n file = e.target.files[0];\n });\n }\n };\n\n trumbowyg.addBtnDef('upload', btnDef);\n }\n }\n }\n });\n})(jQuery);\n" }, { "path": "src/langs/ar.js", "content": "/* ===========================================================\n * ar.js\n * Arabic translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Abo Mokh ahmed (abomokhahmed)\n * Github : https://github.com/abomokhahmed\n * Reviewed by : Abdellah Chadidi (chadidi)\n * Github : https://github.com/chadidi\n */\n\njQuery.trumbowyg.langs.ar = {\n _dir: 'rtl',\n\n viewHTML: 'إعرض-HTML',\n\n undo: 'تراجع',\n redo: 'إعادة',\n\n formatting: 'تنسيق',\n\n p: 'فقرة',\n blockquote: 'اقتباس',\n code: 'كود',\n header: 'رأس',\n\n bold: 'عريض',\n italic: 'مائل',\n strikethrough: 'مشطوب',\n underline: 'خطّ سفلي',\n\n strong: 'بارز',\n em: 'تغميق',\n del: 'حذف',\n\n superscript: 'الأس',\n subscript: 'أس سفلي',\n\n unorderedList: 'قائمة غير مرتّبة',\n orderedList: 'قائمة مرتّبة',\n\n insertImage: 'إدراج صورة',\n insertVideo: 'إدراج فيديو',\n link: 'رابط',\n createLink: 'انشاء رابط',\n unlink: 'حذف رابط',\n\n justifyLeft: 'تصحيح للشمال',\n justifyCenter: 'توسيط',\n justifyRight: 'تصحيح لليمين',\n justifyFull: 'تصحيح لكلا الإتّجاهين',\n\n horizontalRule: 'إدراج خطّ أفقي',\n\n fullscreen: 'ملء الشاشة',\n\n close: 'إغلاق',\n\n submit: 'إرسال',\n reset: 'إعادة تعيين',\n\n required: 'إلزامي',\n description: 'وصف',\n title: 'عنوان',\n text: 'نصّ',\n target: 'الهدف'\n};\n" }, { "path": "src/langs/az.js", "content": "/* ===========================================================\n * az.js\n * Azerbaijani translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Qalib Qurbanov\n * Github : https://github.com/qalibqurbanov\n */\n\njQuery.trumbowyg.langs.az = {\n viewHTML: 'HTML Kodu',\n\n formatting: 'Formatlama',\n p: 'Abzas',\n blockquote: 'Sitat',\n code: 'Kod',\n header: 'Başlıq',\n\n undo: 'Geri al',\n redo: 'İrəli al',\n\n superscript: 'Sözüstü',\n subscript: 'Sözaltı',\n\n bold: 'Qalın',\n italic: 'İtalik',\n strikethrough: 'Üzeri xəttli',\n underline: 'Altı xəttli',\n\n strong: 'Qalın',\n em: 'Vurğulu',\n del: 'Üzəri xəttli',\n\n unorderedList: 'İşarələnmiş siyahı',\n orderedList: 'Nömrələnmiş siyahı',\n\n insertImage: 'Şəkil yerləşdir',\n insertVideo: 'Video yerləşdir',\n link: 'Link',\n createLink: 'Link yerləşdir',\n unlink: 'Linki sil',\n\n justifyLeft: 'Sola nizamla',\n justifyCenter: 'Ortaya nizamla',\n justifyRight: 'Sağa nizamla',\n justifyFull: 'Üfüqi nizamla',\n\n horizontalRule: 'Üfüqi xətt əlavə et',\n\n fullscreen: 'Tam ekran',\n\n close: 'Bağla',\n\n submit: 'Təsdiq et',\n reset: 'Sıfırla',\n\n required: 'Vacib',\n description: 'Açıqlama',\n title: 'Başlıq',\n text: 'Mətn',\n\n removeformat: 'Formatlamanı təmizlə'\n};\n" }, { "path": "src/langs/bg.js", "content": "/* ===========================================================\n * bg.js\n * Bulgarian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Aleksandar Dimitrov\n */\n\njQuery.trumbowyg.langs.bg = {\n viewHTML: 'Прегледай HTML',\n\n formatting: 'Форматиране',\n p: 'Параграф',\n blockquote: 'Цитат',\n code: 'Код',\n header: 'Заглавие',\n\n bold: 'Удебелен',\n italic: 'Наклонен',\n strikethrough: 'Зачеркнат',\n underline: 'Подчертан',\n\n strong: 'Удебелен',\n em: 'Наклонен',\n del: 'Зачеркнат',\n\n unorderedList: 'Обикновен списък',\n orderedList: 'Номериран списък',\n\n insertImage: 'Добави изображение',\n insertVideo: 'Добави видео',\n link: 'Връзка',\n createLink: 'Създай връзка',\n unlink: 'Премахни връзката',\n\n justifyLeft: 'Подравни от ляво',\n justifyCenter: 'Центрирай',\n justifyRight: 'Подравни от дясно',\n justifyFull: 'Подравни по ширина',\n\n horizontalRule: 'Хоризонтална линия',\n\n fullscreen: 'На цял екран',\n\n close: 'Затвори',\n\n submit: 'Впиши',\n reset: 'Отмени',\n\n required: 'Задължително',\n description: 'Описание',\n title: 'Заглавие',\n text: 'Текст'\n};\n" }, { "path": "src/langs/bn.js", "content": "/* ===========================================================\n * bn.js\n * Bangla translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Ahammad Naim\n * Website : https://github.com/AhammadNaim\n */\n\njQuery.trumbowyg.langs.bn = {\n viewHTML: 'HTML দেখান',\n\n undo: 'পূর্বাবস্থায় ফিরুন',\n redo: 'পুনরায় করুন',\n\n formatting: 'বিন্যাস',\n p: 'অনুচ্ছেদ',\n blockquote: 'উদ্ধৃতি',\n code: 'কোড',\n header: 'শিরোনাম',\n\n bold: 'বোল্ড',\n italic: 'ইটালিক',\n strikethrough: 'স্ট্রাইকথ্রু',\n underline: 'আন্ডারলাইন',\n\n strong: 'বোল্ড',\n em: 'ইটালিক',\n del: 'স্ট্রাইকথ্রু',\n\n superscript: 'সুপারস্ক্রিপ্ট',\n subscript: 'সাবস্ক্রিপ্ট',\n\n unorderedList: 'অসংখ্যায়িত তালিকা',\n orderedList: 'সাজানো তালিকা',\n\n insertImage: 'ছবি',\n link: 'লিংক',\n createLink: 'লিংক তৈরি করুন',\n unlink: 'লিংক মুছুন',\n\n justifyLeft: 'বামে জাস্টিফাইড',\n justifyCenter: 'কেন্দ্রীভূত',\n justifyRight: 'ডানে জাস্টিফাইড',\n justifyFull: 'জাস্টিফাইড',\n\n horizontalRule: 'আনুভূমিক দাগ',\n removeformat: 'বিন্যাস অপসারণ করুন',\n\n fullscreen: 'সম্পূর্ণ পর্দায় দেখুন',\n\n close: 'বন্ধ',\n\n submit: 'প্রেরণ',\n reset: 'বাতিল',\n\n required: 'আবশ্যক',\n description: 'বর্ননা',\n title: 'শিরোনাম',\n text: 'পাঠ্য',\n target: 'লক্ষ্য'\n};\n" }, { "path": "src/langs/by.js", "content": "/* ===========================================================\n * by.js\n * Belarusian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Yury Karalkou\n */\n\njQuery.trumbowyg.langs.by = {\n viewHTML: 'Паглядзець HTML',\n\n undo: 'Скасаваць',\n redo: 'Паўтарыць',\n\n formatting: 'Фарматаванне',\n p: 'Звычайны',\n blockquote: 'Цытата',\n code: 'Код',\n header: 'Загаловак',\n\n bold: 'Паўтлусты',\n italic: 'Курсіў',\n strikethrough: 'Закрэслены',\n underline: 'Падкрэслены',\n\n strong: 'Паўтлусты',\n em: 'Курсіў',\n del: 'Закрэслены',\n\n superscript: 'Верхні індэкс',\n subscript: 'Індэкс',\n\n unorderedList: 'Звычайны спіс',\n orderedList: 'Нумараваны спіс',\n\n insertImage: 'Уставіць выяву',\n insertVideo: 'Уставіць відэа',\n link: 'Спасылка',\n createLink: 'Уставіць спасылку',\n unlink: 'Выдаліць спасылку',\n\n justifyLeft: 'Па леваму боку',\n justifyCenter: 'У цэнтры',\n justifyRight: 'Па праваму боку',\n justifyFull: 'Па шырыні',\n\n horizontalRule: 'Гарызантальная лінія',\n removeformat: 'Ачысціць фарматаванне',\n\n fullscreen: 'На ўвесь экран',\n\n close: 'Зачыніць',\n\n submit: 'Уставіць',\n reset: 'Скасаваць',\n\n required: 'Абавязкова',\n description: 'Апісанне',\n title: 'Падказка',\n text: 'Тэкст'\n};\n" }, { "path": "src/langs/ca.js", "content": "/* ===========================================================\n * ca.js\n * Catalan translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Authors : Àlfons Sánchez (alsanan)\n * Twitter : @alsanan\n * Website : about.me/alsanan\n * Github : https://github.com/alsanan\n *\n * Carles Martínez\n * Website : calaix.net\n */\n\njQuery.trumbowyg.langs.ca = {\n viewHTML: 'Veure HTML',\n\n undo: 'Desfés',\n redo: 'Refés',\n\n formatting: 'Format',\n p: 'Paragraf',\n blockquote: 'Citació',\n code: 'Codi',\n header: 'Títol',\n\n bold: 'Negreta',\n italic: 'Cursiva',\n strikethrough: 'Ratllat',\n underline: 'Subratllat',\n\n strong: 'Negreta',\n em: 'Cursiva',\n del: 'Apagar',\n\n superscript: 'Superíndex',\n subscript: 'Subíndex',\n\n unorderedList: 'Llista desordenada',\n orderedList: 'Llista ordenada',\n\n insertImage: 'Inserir imatge',\n insertVideo: 'Inserir vídeo',\n link: 'Enllaç',\n createLink: 'Crear un enllaç',\n unlink: 'Eliminar enllaç',\n\n target: 'Obertura',\n _self: 'Mateixa pestanya',\n _blank: 'Nova pestanya',\n\n justifyLeft: 'Alinear a esquerra',\n justifyCenter: 'Centrar',\n justifyRight: 'Alinear a dreta',\n justifyFull: 'Justificar',\n\n horizontalRule: 'Inserir separador horitzontal',\n\n removeformat: 'Eliminar format',\n\n fullscreen: 'Pantalla completa',\n\n close: 'Tancar',\n\n submit: 'Enviar',\n reset: 'Cancel·lar',\n\n required: 'Obligatori',\n description: 'Descripció',\n title: 'Títol',\n text: 'Text',\n\n width: 'Amplada'\n};\n" }, { "path": "src/langs/cs.js", "content": "/* ===========================================================\n * cs.js\n * Czech translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Jan Svoboda (https://github.com/svoboda-jan)\n */\n\njQuery.trumbowyg.langs.cs = {\n viewHTML: 'Zobrazit HTML',\n\n redo: 'Vpřed',\n undo: 'Zpět',\n\n formatting: 'Formátování',\n p: 'Odstavec',\n blockquote: 'Citace',\n code: 'Kód',\n header: 'Nadpis',\n\n bold: 'Tučné',\n italic: 'Kurzíva',\n strikethrough: 'Přeškrtnuté',\n underline: 'Podtržené',\n\n strong: 'Tučné',\n em: 'Zvýraznit',\n del: 'Přeškrtnuté',\n\n superscript: 'Horní index',\n subscript: 'Dolní index',\n\n unorderedList: 'Netříděný seznam',\n orderedList: 'Tříděný seznam',\n\n insertImage: 'Vložit obrázek',\n insertVideo: 'Vložit video',\n link: 'Odkaz',\n createLink: 'Vložit odkaz',\n unlink: 'Smazat odkaz',\n\n justifyLeft: 'Zarovnat doleva',\n justifyCenter: 'Zarovnat na střed',\n justifyRight: 'Zarovnat doprava',\n justifyFull: 'Zarovnat do bloku',\n\n horizontalRule: 'Vložit vodorovnou čáru',\n\n\n removeformat: 'Vymazat formátování',\n fullscreen: 'Režim celé obrazovky',\n\n close: 'Zavřít',\n\n submit: 'Potvrdit',\n reset: 'Zrušit',\n\n required: 'Povinné',\n description: 'Popis',\n title: 'Nadpis',\n text: 'Text',\n target: 'Cíl'\n};\n" }, { "path": "src/langs/da.js", "content": "/* ===========================================================\n * da.js\n * Danish translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Christian Pedersen\n * Github : https://github.com/chripede\n */\n\njQuery.trumbowyg.langs.da = {\n viewHTML: 'Vis HTML',\n\n undo: 'Fortryd',\n redo: 'Anuller fortryd',\n\n formatting: 'Formattering',\n p: 'Afsnit',\n blockquote: 'Citat',\n code: 'Kode',\n header: 'Overskrift',\n\n bold: 'Fed',\n italic: 'Kursiv',\n strikethrough: 'Gennemstreg',\n underline: 'Understreg',\n\n strong: 'Vigtig',\n em: 'Fremhæv',\n del: 'Slettet',\n\n superscript: 'Hævet skrift',\n subscript: 'Sænket skrift',\n\n unorderedList: 'Uordnet liste',\n orderedList: 'Ordnet liste',\n\n insertImage: 'Indsæt billede',\n insertVideo: 'Indsæt video',\n link: 'Link',\n createLink: 'Indsæt link',\n unlink: 'Fjern link',\n\n justifyLeft: 'Venstrestil',\n justifyCenter: 'Centrer',\n justifyRight: 'Højrestil',\n justifyFull: 'Lige margener',\n\n horizontalRule: 'Horisontal linie',\n removeformat: 'Ryd formattering',\n\n fullscreen: 'Fuld skærm',\n\n close: 'Luk',\n\n submit: 'Bekræft',\n reset: 'Annuller',\n\n required: 'Påkrævet',\n description: 'Beskrivelse',\n title: 'Titel',\n text: 'Tekst',\n target: 'Mål',\n width: 'Bredde'\n};\n" }, { "path": "src/langs/de.js", "content": "/* ===========================================================\n * de.js\n * German translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Manfred Timm, johangroe\n * Github : https://github.com/Manfred62, https://github.com/johangroe\n */\n\njQuery.trumbowyg.langs.de = {\n viewHTML: 'HTML anzeigen',\n\n undo: 'Rückgängig',\n redo: 'Wiederholen',\n\n formatting: 'Formatierung',\n p: 'Absatz',\n blockquote: 'Zitat',\n code: 'Code',\n header: 'Überschrift',\n\n bold: 'Fett',\n italic: 'Kursiv',\n strikethrough: 'Durchgestrichen',\n underline: 'Unterstrichen',\n\n strong: 'Wichtig',\n em: 'Betont',\n del: 'Gelöscht',\n\n superscript: 'Hochgestellt',\n subscript: 'Tiefgestellt',\n\n unorderedList: 'Ungeordnete Liste',\n orderedList: 'Geordnete Liste',\n\n image: 'Bild',\n insertImage: 'Bild einfügen',\n insertVideo: 'Video einfügen',\n link: 'Link',\n createLink: 'Link einfügen',\n unlink: 'Link entfernen',\n\n _self: 'Gleicher Tab (Standard)',\n _blank: 'Neuer Tab',\n\n justifyLeft: 'Links ausrichten',\n justifyCenter: 'Zentrieren',\n justifyRight: 'Rechts ausrichten',\n justifyFull: 'Blocksatz',\n\n horizontalRule: 'Horizontale Linie einfügen',\n removeformat: 'Formatierung entfernen',\n\n fullscreen: 'Vollbild',\n\n close: 'Schließen',\n\n submit: 'Bestätigen',\n reset: 'Abbrechen',\n\n required: 'Erforderlich',\n description: 'Beschreibung',\n title: 'Titel',\n text: 'Text'\n};\n" }, { "path": "src/langs/el.js", "content": "/* ===========================================================\n * el.js\n * Greek translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Merianos Nikos\n * Twitter : @_webresources\n * Website : http://www.wp-lion.com\n * LinkedIn: https://gr.linkedin.com/in/merianosnikos\n * Behance: https://www.behance.net/web_design_blog\n */\n\njQuery.trumbowyg.langs.el = {\n viewHTML: 'Προβολή κώδικα HTML',\n\n formatting: 'Μορφοποίηση',\n p: 'Παράγραφος',\n blockquote: 'Παράθεση',\n code: 'Κώδικας',\n header: 'Επικεφαλίδα',\n\n bold: 'Έντονα',\n italic: 'Πλάγια',\n strikethrough: 'Διαγραφή',\n underline: 'Υπογράμμιση',\n\n strong: 'Έντονα',\n em: 'Πλάγια',\n del: 'Διαγραφή',\n\n unorderedList: 'Αταξινόμητη λίστα',\n orderedList: 'Ταξινομημένη λίστα',\n\n insertImage: 'Εισαγωγή εικόνας',\n insertVideo: 'Εισαγωγή βίντεο',\n link: 'Σύνδεσμος',\n createLink: 'Δημιουργία συνδέσμου',\n unlink: 'Διαγραφή συνδέσμου',\n\n justifyLeft: 'Στοίχιση αριστερά',\n justifyCenter: 'Στοίχιση στο κέντρο',\n justifyRight: 'Στοίχιση δεξιά',\n justifyFull: 'Πλήρης στοίχιση',\n\n horizontalRule: 'Οριζόντια γραμμή',\n removeformat: 'Καθαρισμός μορφοποίησης',\n\n fullscreen: 'Πλήρης οθόνη',\n\n close: 'Κλείσιμο',\n\n submit: 'Υποβολή',\n reset: 'Επαναφορά',\n\n required: 'Απαραίτητο',\n description: 'Περιγραφή',\n title: 'Τίτλος',\n text: 'Κείμενο'\n};\n" }, { "path": "src/langs/en.js", "content": "/* ===========================================================\n * en.js\n * English translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Alexandre Demode (Alex-D)\n * Twitter : @AlexandreDemode\n * Website : alex-d.fr\n */\n\n/**\n * English is the default language of Trumbowyg,\n * you don't need to include any file :)\n */\n" }, { "path": "src/langs/es.js", "content": "/* ===========================================================\n * es.js\n * Spanish translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Moisés Márquez\n * Email : moises.marquez.g@gmail.com\n */\n\njQuery.trumbowyg.langs.es = {\n viewHTML: 'Ver HTML',\n\n undo: 'Deshacer',\n redo: 'Rehacer',\n\n formatting: 'Formato',\n p: 'Párrafo',\n blockquote: 'Cita',\n code: 'Código',\n header: 'Título',\n\n bold: 'Negrita',\n italic: 'Cursiva',\n strikethrough: 'Tachado',\n underline: 'Subrayado',\n\n strong: 'Negrita',\n em: 'Énfasis',\n del: 'Borrar',\n\n superscript: 'Sobrescrito',\n subscript: 'Subíndice',\n\n unorderedList: 'Lista Desordenada',\n orderedList: 'Lista Ordenada',\n\n insertImage: 'Insertar una imagen',\n insertVideo: 'Insertar un vídeo',\n link: 'Enlace',\n createLink: 'Insertar un enlace',\n unlink: 'Suprimir un enlace',\n\n justifyLeft: 'Izquierda',\n justifyCenter: 'Centrar',\n justifyRight: 'Derecha',\n justifyFull: 'Justificado',\n\n horizontalRule: 'Insertar separador horizontal',\n removeformat: 'Eliminar formato',\n\n fullscreen: 'Pantalla completa',\n\n close: 'Cerrar',\n\n submit: 'Enviar',\n reset: 'Cancelar',\n\n required: 'Obligatorio',\n description: 'Descripción',\n title: 'Título',\n text: 'Texto',\n target: 'Target'\n};\n" }, { "path": "src/langs/es_ar.js", "content": "/* ===========================================================\n * es_ar.js\n * Spanish (Argentina) translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Félix Vera\n * Email : felix.vera@gmail.com\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.es_ar = {\n viewHTML: 'Ver HTML',\n\n formatting: 'Formato',\n p: 'Párrafo',\n blockquote: 'Cita',\n code: 'Código',\n header: 'Título',\n\n bold: 'Negrita',\n italic: 'Itálica',\n strikethrough: 'Tachado',\n underline: 'Subrayado',\n\n strong: 'Fuere',\n em: 'Énfasis',\n del: 'Borrar',\n\n unorderedList: 'Lista Desordenada',\n orderedList: 'Lista Ordenada',\n\n insertImage: 'Insertar una imagen',\n insertVideo: 'Insertar un video',\n link: 'Vínculo',\n createLink: 'Insertar un vínculo',\n unlink: 'Suprimir un vínculo',\n\n justifyLeft: 'Alinear a la Izquierda',\n justifyCenter: 'Centrar',\n justifyRight: 'Alinear a la Derecha',\n justifyFull: 'Justificado',\n\n horizontalRule: 'Insertar separado Horizontal',\n\n fullscreen: 'Pantalla Completa',\n\n close: 'Cerrar',\n\n submit: 'Enviar',\n reset: 'Cancelar',\n\n required: 'Obligatorio',\n description: 'Descripción',\n title: 'Título',\n text: 'Texto'\n};\n" }, { "path": "src/langs/et.js", "content": "/* ===========================================================\n * et.js\n * Estonian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Mart Leib\n * Web: https://voogle.ee\n */\n\njQuery.trumbowyg.langs.et = {\n viewHTML: 'HTML vaade',\n\n undo: 'Võta tagasi',\n redo: 'Tee uuesti',\n\n formatting: 'Vorming',\n p: 'Lõik',\n blockquote: 'Plokktsitaat',\n code: 'Kood',\n header: 'Pealkiri',\n\n bold: 'Paks',\n italic: 'Kaldkiri',\n strikethrough: 'Läbikriipsutatud',\n underline: 'Allakriipsutatud',\n\n strong: 'Tugev rõhutus',\n em: 'Rõhutus',\n del: 'Eemaldatud',\n\n superscript: 'Ülemine indeks',\n subscript: 'Alumine indeks',\n\n unorderedList: 'Järjestamata loend',\n orderedList: 'Järjestatud loend',\n\n insertImage: 'Lisa pilt',\n insertVideo: 'Lisa video',\n link: 'Link',\n createLink: 'Lisa link',\n unlink: 'Eemalda link',\n\n justifyLeft: 'Joonda vasakule',\n justifyCenter: 'Joonda keskele',\n justifyRight: 'Joonda paremale',\n justifyFull: 'Joonda rööpselt',\n\n horizontalRule: 'Horisontaaljoon',\n removeformat: 'Eemalda vorming',\n\n fullscreen: 'Täisekraan',\n\n close: 'Sulge',\n\n submit: 'Salvesta',\n reset: 'Tühista',\n\n required: 'Kohustuslik',\n description: 'Kirjeldus',\n title: 'Pealkiri',\n text: 'Tekst',\n target: 'Sihtmärk',\n width: 'Laius'\n\n};\n" }, { "path": "src/langs/fa.js", "content": "/* ===========================================================\n * fa.js\n * Persian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Kiarash Soleimanzadeh\n * Github : https://github.com/kiyarash\n * Email : kiarash.s@hotmail.com\n */\n\njQuery.trumbowyg.langs.fa = {\n _dir: 'rtl',\n\n viewHTML: 'نمایش کد اچ تی ام ال',\n\n formatting: 'قالب بندی',\n p: 'پاراگراف',\n blockquote: 'نقل قول',\n code: 'کد',\n header: 'سر تیتر',\n\n bold: 'ضخیم',\n italic: 'مورب',\n strikethrough: 'میان خط دار',\n underline: 'زیر خط دار',\n\n strong: 'برجسته',\n em: 'مورب',\n del: 'حذف شده',\n\n unorderedList: 'لیست نامرتب',\n orderedList: 'لیست مرتب',\n\n insertImage: 'درج تصویر',\n insertVideo: 'درج ویدئو',\n link: 'لینک',\n createLink: 'درج لینک',\n unlink: 'حذف لینک',\n\n justifyLeft: 'تراز به چپ',\n justifyCenter: 'تراز به وسط',\n justifyRight: 'تراز به راست',\n justifyFull: 'تراز به چپ و راست',\n\n horizontalRule: 'درج خط افقی',\n\n fullscreen: 'تمام صفحه',\n\n close: 'بستن',\n\n submit: 'تائید',\n reset: 'انصراف',\n\n required: 'اجباری',\n description: 'توضیحات',\n title: 'عنوان',\n text: 'متن'\n};\n" }, { "path": "src/langs/fi.js", "content": "/* ===========================================================\n * fi.js\n * Finnish translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Teppo Koivula (teppokoivula)\n * Github : https://github.com/teppokoivula\n */\n\njQuery.trumbowyg.langs.fi = {\n viewHTML: 'Näytä HTML',\n\n undo: 'Kumoa',\n redo: 'Tee uudelleen',\n\n formatting: 'Muotoilu',\n p: 'Kappale',\n blockquote: 'Lainaus',\n code: 'Koodi',\n header: 'Otsikko',\n\n bold: 'Lihavointi',\n italic: 'Kursivointi',\n strikethrough: 'Yliviivaus',\n underline: 'Allevivaus',\n\n strong: 'Vahvennus',\n em: 'Painotus',\n del: 'Poistettu',\n\n unorderedList: 'Luettelo',\n orderedList: 'Numeroitu luettelo',\n\n insertImage: 'Lisää kuva',\n insertVideo: 'Lisää video',\n link: 'Linkki',\n createLink: 'Luo linkki',\n unlink: 'Poista linkki',\n\n justifyLeft: 'Tasaa vasemmalle',\n justifyCenter: 'Keskitä',\n justifyRight: 'Tasaa oikealle',\n justifyFull: 'Tasaa',\n\n horizontalRule: 'Vaakaviiva',\n\n fullscreen: 'Kokoruutu',\n\n close: 'Sulje',\n\n submit: 'Lisää',\n reset: 'Palauta',\n\n required: 'Pakollinen',\n description: 'Kuvaus',\n title: 'Otsikko',\n text: 'Teksti'\n};\n" }, { "path": "src/langs/fr.js", "content": "/* ===========================================================\n * fr.js\n * French translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Alexandre Demode (Alex-D)\n * Twitter : @AlexandreDemode\n * Website : alex-d.fr\n * Reviewed by : Abdou Developer (test20091)\n * \t Github : https://github.com/test20091\n */\n\njQuery.trumbowyg.langs.fr = {\n viewHTML: 'Voir le HTML',\n\n undo: 'Annuler',\n redo: 'Refaire',\n\n formatting: 'Format',\n p: 'Paragraphe',\n blockquote: 'Citation',\n code: 'Code',\n header: 'Titre',\n\n bold: 'Gras',\n italic: 'Italique',\n strikethrough: 'Barré',\n underline: 'Souligné',\n\n strong: 'Fort',\n em: 'Emphase',\n del: 'Supprimé',\n\n superscript: 'Exposant',\n subscript: 'Indice',\n\n unorderedList: 'Liste à puces',\n orderedList: 'Liste ordonnée',\n\n insertImage: 'Insérer une image',\n insertVideo: 'Insérer une video',\n link: 'Lien',\n createLink: 'Insérer un lien',\n unlink: 'Supprimer le lien',\n\n _self: 'Même onglet (par défaut)',\n _blank: 'Nouvel onglet',\n\n justifyLeft: 'Aligner à gauche',\n justifyCenter: 'Centrer',\n justifyRight: 'Aligner à droite',\n justifyFull: 'Justifier',\n\n horizontalRule: 'Insérer un séparateur horizontal',\n removeformat: 'Supprimer formatage',\n\n fullscreen: 'Plein écran',\n\n close: 'Fermer',\n\n submit: 'Valider',\n reset: 'Annuler',\n\n required: 'Obligatoire',\n description: 'Description',\n title: 'Titre',\n text: 'Texte',\n target: 'Cible'\n};\n" }, { "path": "src/langs/he.js", "content": "/* ===========================================================\n * he.js\n * Hebrew translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Udi Doron (udidoron)\n * Github : https://github.com/udidoron\n */\n\njQuery.trumbowyg.langs.he = {\n _dir: 'rtl',\n\n viewHTML: 'צפה ב-HTML',\n\n formatting: 'פורמט',\n p: 'פסקה',\n blockquote: 'ציטוט',\n code: 'קוד',\n header: 'ראשית',\n\n bold: 'מודגש',\n italic: 'נטוי',\n strikethrough: 'קו חוצה',\n underline: 'קו תחתון',\n\n strong: 'בולט',\n em: 'הדגשה',\n del: 'נמחק',\n\n unorderedList: 'רשימה ללא סדר',\n orderedList: 'רשימה מסודרת',\n\n insertImage: 'הכנס תמונה',\n insertVideo: 'הכנס סרטון',\n link: 'קישור',\n createLink: 'צור קישור',\n unlink: 'הסר קישור',\n\n justifyLeft: 'ישר לשמאל',\n justifyCenter: 'מרכז',\n justifyRight: 'ישר לימין',\n justifyFull: 'ישר לשני הצדדים',\n\n horizontalRule: 'הכנס קו אופקי',\n\n fullscreen: 'מסך מלא',\n\n close: 'סגור',\n\n submit: 'שלח',\n reset: 'אתחל מחדש',\n\n required: 'נחוץ',\n description: 'תיאור',\n title: 'כותרת',\n text: 'טקסט'\n};\n" }, { "path": "src/langs/hr.js", "content": "/* ===========================================================\n * hr.js\n * Croatian translation for Trumbowyg\n * https://www.github.com/Buda9\n * ===========================================================\n * Author : Davor Budimir (https://www.github.com/Buda9)\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.hr = {\n viewHTML: 'Poglеdaj HTML kód',\n\n formatting: 'Formatiranjе',\n p: 'Odlomak',\n blockquote: 'Citat',\n code: 'Kód',\n header: 'Zaglavlje',\n\n bold: 'Podеbljano',\n italic: 'Nakošeno',\n strikethrough: 'Prеcrtano',\n underline: 'Podvučеno',\n\n strong: 'Podеbljano',\n em: 'Istaknuto',\n del: 'Obrisano',\n\n unorderedList: 'Neuređen popis',\n orderedList: 'Uređen popis',\n insertImage: 'Dodaj sliku',\n insertVideo: 'Dodaj vidеo',\n link: 'Povezica',\n createLink: 'Dodaj povezicu',\n unlink: 'Ukloni povezicu',\n\n justifyLeft: 'Lijеvo poravnanjе',\n justifyCenter: 'Središnje poravnanjе',\n justifyRight: 'Dеsno poravnanjе',\n justifyFull: 'Obostrano poravnanjе',\n\n horizontalRule: 'Horizontalna crta',\n\n fullscreen: 'Puni zaslon',\n\n close: 'Zatvori',\n\n submit: 'Unеsi',\n reset: 'Otkaži',\n\n required: 'Obavеzno poljе',\n description: 'Opis',\n title: 'Naslov',\n text: 'Tеkst'\n};\n" }, { "path": "src/langs/hu.js", "content": "/* ===========================================================\n * hu.js\n * Hungarian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Peter MATO\n * Web: http://fixme.hu\n * GitHub: https://github.com/matopeter\n */\n\njQuery.trumbowyg.langs.hu = {\n viewHTML: 'HTML nézet',\n\n undo: 'Visszavon',\n redo: 'Visszállít',\n\n formatting: 'Stílusok',\n\n p: 'Bekezdés',\n blockquote: 'Idézet',\n code: 'Kód',\n header: 'Címsor',\n\n bold: 'Félkövér',\n italic: 'Dőlt',\n strikethrough: 'Áthúzott',\n underline: 'Aláhúzott',\n\n strong: 'Vastag',\n em: 'Kiemelt',\n del: 'Törölt',\n\n unorderedList: 'Felsorolás',\n orderedList: 'Számozás',\n\n insertImage: 'Kép beszúrása',\n insertVideo: 'Video beszúrása',\n link: 'Link',\n createLink: 'Link létrehozása',\n unlink: 'Link eltávolítása',\n\n justifyLeft: 'Balra igazítás',\n justifyCenter: 'Középre igazítás',\n justifyRight: 'Jobbra igazítás',\n justifyFull: 'Sorkizárt',\n\n horizontalRule: 'Vízszintes vonal',\n\n fullscreen: 'Teljes képernyő',\n close: 'Bezár',\n\n submit: 'Beküldés',\n reset: 'Alaphelyzet',\n\n required: 'Kötelező',\n description: 'Leírás',\n title: 'Cím',\n text: 'Szöveg',\n\n removeformat: 'Formázás eltávolítása'\n};\n" }, { "path": "src/langs/id.js", "content": "/* ===========================================================\n * id.js\n * Indonesian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Rezha Julio (kimiamania)\n * Twitter : @kimiamania\n * Website : http://rezhajulio.web.id\n * Github : https://github.com/kimiamania\n */\n\njQuery.trumbowyg.langs.id = {\n viewHTML: 'Lihat HTML',\n\n formatting: 'Penyusunan',\n p: 'Paragraf',\n blockquote: 'Kutipan',\n code: 'Kode',\n header: 'Kepala',\n\n bold: 'Tebal',\n italic: 'Miring',\n strikethrough: 'Coret',\n underline: 'Garis bawah',\n\n strong: 'Tebal',\n em: 'Miring',\n del: 'Dicoret',\n\n unorderedList: 'Daftar tak teratur',\n orderedList: 'Daftar teratur',\n\n insertImage: 'Sisipkan gambar',\n insertVideo: 'Sisipkan video',\n link: 'Tautan',\n createLink: 'Sisipkan Tautan',\n unlink: 'Singkirkan tautan',\n\n justifyLeft: 'Rata kiri',\n justifyCenter: 'Rata Tengah',\n justifyRight: 'Rata kanan',\n justifyFull: 'Rata kiri dan kanan',\n\n horizontalRule: 'Sisipkan garis mendatar',\n\n fullscreen: 'Layar penuh',\n\n close: 'Tutup',\n\n submit: 'Setuju',\n reset: 'Batal',\n\n required: 'Diperlukan',\n description: 'Deskripsi',\n title: 'Judul',\n text: 'Teks'\n};\n" }, { "path": "src/langs/it.js", "content": "/* ===========================================================\n * it.js\n * Italian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Mirko Buffoni\n */\n\njQuery.trumbowyg.langs.it = {\n viewHTML: 'Mostra HTML',\n\n undo: 'Annulla',\n redo: 'Ripeti',\n\n formatting: 'Formattazione',\n p: 'Paragrafo',\n blockquote: 'Citazione',\n code: 'Codice',\n header: 'Intestazione',\n\n bold: 'Grassetto',\n italic: 'Italico',\n strikethrough: 'Barrato',\n underline: 'Sottolineato',\n\n strong: 'Rafforza',\n em: 'Enfatizza',\n del: 'Cancella',\n\n unorderedList: 'Elenco puntato',\n orderedList: 'Elenco numerato',\n\n insertImage: 'Inserisci immagine',\n insertVideo: 'Inserisci video',\n link: 'Collegamento',\n createLink: 'Crea un collegamento',\n unlink: 'Elimina collegamento',\n\n justifyLeft: 'Allinea a sinistra',\n justifyCenter: 'Centra',\n justifyRight: 'Allinea a destra',\n justifyFull: 'Giustifica',\n\n horizontalRule: 'Inserisci un separatore orizzontale',\n\n fullscreen: 'Schermo intero',\n\n close: 'Chiudi',\n\n submit: 'Invia',\n reset: 'Annulla',\n\n required: 'Obbligatorio',\n description: 'Descrizione',\n title: 'Titolo',\n text: 'Testo',\n\n removeformat: 'Rimuovi Formattazione',\n\n superscript: 'Apice',\n subscript: 'Pedice'\n};\n" }, { "path": "src/langs/ja.js", "content": "/* ===========================================================\n * ja.js\n * Japanese translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Kouta Fukuhara (foo9)\n * Twitter : @foo9\n * Website : https://github.com/foo9\n */\n\njQuery.trumbowyg.langs.ja = {\n viewHTML: 'HTML表示',\n\n undo: '元に戻す',\n redo: 'やり直す',\n\n formatting: 'フォーマット',\n p: '段落',\n blockquote: '引用',\n code: 'コード',\n header: '見出し',\n\n bold: '太字',\n italic: '斜体',\n strikethrough: '取り消し線',\n underline: '下線',\n\n strong: '太字',\n em: '斜体',\n del: '取り消し線',\n\n superscript: '上付き文字',\n subscript: '下付き文字',\n\n unorderedList: '順序なしリスト',\n orderedList: '順序ありリスト',\n\n insertImage: '画像の挿入',\n link: 'リンク',\n createLink: 'リンクの作成',\n unlink: 'リンクの削除',\n\n justifyLeft: '左揃え',\n justifyCenter: '中央揃え',\n justifyRight: '右揃え',\n justifyFull: '両端揃え',\n\n horizontalRule: '横罫線',\n removeformat: 'フォーマットの削除',\n\n fullscreen: '全画面表示',\n\n close: '閉じる',\n\n submit: '送信',\n reset: 'キャンセル',\n\n required: '必須',\n description: '説明',\n title: 'タイトル',\n text: 'テキスト',\n target: 'ターゲット'\n};\n" }, { "path": "src/langs/ko.js", "content": "/* ===========================================================\n * ko.js\n * Korean translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : SeungWoo Chae (SDuck4)\n * Github : https://github.com/SDuck4\n * Victor Chanil Park (opdev1004)\n * Github : https://github.com/opdev1004\n */\n\njQuery.trumbowyg.langs.ko = {\n viewHTML: 'HTML 보기',\n\n undo: '되돌리기',\n redo: '다시 실행',\n\n formatting: '스타일',\n p: '본문',\n blockquote: '인용문',\n code: '코드',\n header: '제목',\n\n bold: '진하게',\n italic: '기울임',\n strikethrough: '취소선',\n underline: '밑줄',\n\n strong: '중요',\n em: '강조',\n del: '삭제',\n\n superscript: '위 첨자',\n subscript: '아래 첨자',\n\n unorderedList: '기호 목록',\n orderedList: '번호 목록',\n\n insertImage: '이미지 넣기',\n insertVideo: '비디오 넣기',\n link: '링크',\n createLink: '링크 넣기',\n unlink: '링크 지우기',\n\n justifyLeft: '왼쪽 정렬',\n justifyCenter: '가운데 정렬',\n justifyRight: '오른쪽 정렬',\n justifyFull: '양쪽 정렬',\n\n horizontalRule: '구분선 넣기',\n removeformat: '글꼴 효과 지우기',\n\n fullscreen: '전체 화면',\n\n close: '닫기',\n\n submit: '확인',\n reset: '취소',\n\n required: '필수 입력',\n description: '설명',\n title: '툴팁',\n text: '내용',\n target: '타겟',\n width: '너비'\n};\n" }, { "path": "src/langs/lt.js", "content": "/* ===========================================================\n * lt.js\n * Lithuanian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Justas Brazauskas\n */\n\njQuery.trumbowyg.langs.lt = {\n viewHTML: 'Žiūrėti HTML',\n\n formatting: 'Formatuoti',\n p: 'Paragrafas',\n blockquote: 'Citata',\n code: 'Kodas',\n header: 'Antraštė',\n\n bold: 'Paryškinti',\n italic: 'Kursyvuoti',\n strikethrough: 'Perbraukti',\n underline: 'Pabrėžti',\n\n strong: 'Paryškinti',\n em: 'Pabrėžti',\n del: 'Trinti',\n\n unorderedList: 'Sąrašas',\n orderedList: 'Numeruotas sąrašas',\n\n insertImage: 'Pridėti vaizdą',\n insertVideo: 'Pridėti video',\n link: 'Nuoroda',\n createLink: 'Kurti nuorodą',\n unlink: 'Ištrinti nuorodą',\n\n justifyLeft: 'Lyginti kairėn',\n justifyCenter: 'Lygiuoti Centre',\n justifyRight: 'Lyginti dešinėn',\n justifyFull: 'Centruoti',\n\n horizontalRule: 'Horizontali linija',\n\n fullscreen: 'Pilnas ekranas',\n\n close: 'Uždaryti',\n\n submit: 'Siųsti',\n reset: 'Atšaukti',\n\n required: 'Privaloma',\n description: 'Aprašymas',\n title: 'Pavadinimas',\n text: 'Tekstas',\n\n removeformat: 'Pašalinti formatavimą',\n\n superscript: 'Viršutinis indeksas',\n subscript: 'Apatinis indeksas'\n};\n" }, { "path": "src/langs/mn.js", "content": "/* ===========================================================\n * mn.js\n * Mongolian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Ganbayar.B (ganbayar13)\n */\n\njQuery.trumbowyg.langs.mn = {\n viewHTML: 'HTML харах',\n undo: 'Буцаах',\n redo: 'Дахих',\n formatting: 'Формат',\n p: 'Догол мөр',\n blockquote: 'Ишлэл',\n code: 'Код',\n header: 'Гарчиг',\n bold: 'Тод',\n italic: 'Налуу',\n strikethrough: 'Дундуур зураас',\n underline: 'Доогуур зураас',\n strong: 'Тод',\n em: 'Налуу',\n del: 'Дундуур зураас',\n superscript: 'Дээд индекс',\n subscript: 'Доод индекс',\n unorderedList: 'Дугаарлаагүй жагсаалт',\n orderedList: 'Дугаарласан жагсаалт',\n insertImage: 'Зураг оруулах',\n insertVideo: 'Видео оруулах',\n link: 'Холбоос',\n createLink: 'Холбоос үүсгэх',\n unlink: 'Холбоос цуцлах',\n justifyLeft: 'Зүүн тийш шахах',\n justifyCenter: 'Голлуулах',\n justifyRight: 'Баруун Баруун тийш шахах',\n justifyFull: 'Тэгшитгэх',\n horizontalRule: 'Хөндлөн шугам',\n removeformat: 'Формат арилгах',\n fullscreen: 'Дэлгэц дүүргэх',\n close: 'Хаах',\n submit: 'Оруулах',\n reset: 'Цуцлах',\n required: 'Шаардлагатай',\n description: 'Тайлбар',\n title: 'Гарчиг',\n text: 'Текст',\n target: 'Бай'\n};\n" }, { "path": "src/langs/my.js", "content": "/* ===========================================================\n * my.js\n * Malaysian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : JohnPozy\n */\n\njQuery.trumbowyg.langs.id = {\n viewHTML: 'Lihat HTML',\n\n formatting: 'Pemformatan',\n p: 'Perenggan',\n blockquote: 'Blockquote',\n code: 'Kod',\n header: 'Pengepala',\n\n bold: 'Tebal',\n italic: 'Condong',\n strikethrough: 'Garis batal',\n underline: 'Garis bawah',\n\n strong: 'Kuat',\n em: 'Condong',\n del: 'Hapus',\n\n unorderedList: 'Senarai tidak tertib',\n orderedList: 'Senarai tertib',\n\n insertImage: 'Masukkan imej',\n insertVideo: 'Masukkan video',\n link: 'Pautan',\n createLink: 'Cipta pautan',\n unlink: 'Hapus pautan',\n\n justifyLeft: 'Mengimbangkan ke kiri',\n justifyCenter: 'Mengimbangkan ke tengah',\n justifyRight: 'Mengimbangkan ke kanan',\n justifyFull: 'Mengimbangkan ke kiri dan kanan',\n\n horizontalRule: 'Masukkan garis mendatar',\n\n fullscreen: 'Skrin penuh',\n\n close: 'Tutup',\n\n submit: 'Hantar',\n reset: 'Batal',\n\n required: 'Diperlukan',\n description: 'Perihal',\n title: 'Tajuk',\n text: 'Teks'\n};\n" }, { "path": "src/langs/nb.js", "content": "/* ===========================================================\n * nb.js\n * Norwegian Bokmål translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Jon Severin Eivik Jakobsen\n * Github : https://github.com/jsejakobsen\n *\n * Mod by: Gunnar Tjomlid\n * Github : https://github.com/civix74\n * Twitter : @civix\n * Website : https://about.me/civix\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.nb = {\n viewHTML: 'Vis HTML',\n\n undo: 'Angre',\n redo: 'Gjør om',\n\n formatting: 'Formater',\n p: 'Avsnitt',\n blockquote: 'Sitat',\n code: 'Kode',\n header: 'Overskrift',\n\n bold: 'Fet',\n italic: 'Kursiv',\n strikethrough: 'Gjennomstreking',\n underline: 'Understreking',\n\n strong: 'Uthevet',\n em: 'Kursiv',\n del: 'Slettet',\n\n superscript: 'Hevet',\n subscript: 'Senket',\n\n unorderedList: 'Punktliste',\n orderedList: 'Nummerert liste',\n\n insertImage: 'Sett inn bilde',\n insertVideo: 'Sett inn video',\n link: 'Lenke',\n createLink: 'Sett inn lenke',\n unlink: 'Fjern lenke',\n\n justifyLeft: 'Venstrejuster',\n justifyCenter: 'Midtstill',\n justifyRight: 'Høyrejuster',\n justifyFull: 'Blokkjuster',\n\n horizontalRule: 'Horisontal linje',\n removeformat: 'Fjern formatering',\n\n fullscreen: 'Fullskjerm',\n\n close: 'Lukk',\n\n submit: 'Bekreft',\n reset: 'Avbryt',\n\n required: 'Påkrevd',\n description: 'Beskrivelse',\n title: 'Tittel',\n text: 'Tekst',\n target: 'Mål',\n width: 'Bredde'\n};\n" }, { "path": "src/langs/nl.js", "content": "/* ===========================================================\n * nl.js\n * Dutch translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Danny Hiemstra\n * Github : https://github.com/dhiemstra\n */\n\njQuery.trumbowyg.langs.nl = {\n viewHTML: 'HTML bekijken',\n\n undo: 'Ongedaan maken',\n redo: 'Opnieuw',\n\n formatting: 'Opmaak',\n p: 'Paragraaf',\n blockquote: 'Citaat',\n code: 'Code',\n header: 'Kop',\n\n bold: 'Vet',\n italic: 'Cursief',\n strikethrough: 'Doorhalen',\n underline: 'Onderlijnen',\n\n strong: 'Sterk',\n em: 'Nadruk',\n del: 'Verwijderd',\n\n unorderedList: 'Ongenummerde lijst',\n orderedList: 'Genummerde lijst',\n\n insertImage: 'Afbeelding invoegen',\n insertVideo: 'Video invoegen',\n link: 'Link',\n createLink: 'Link maken',\n unlink: 'Link verwijderen',\n\n justifyLeft: 'Links uitlijnen',\n justifyCenter: 'Centreren',\n justifyRight: 'Rechts uitlijnen',\n justifyFull: 'Uitvullen',\n\n horizontalRule: 'Horizontale lijn',\n removeFormat: 'Opmaak verwijderen',\n\n fullscreen: 'Volledig scherm',\n\n close: 'Sluiten',\n\n submit: 'Opslaan',\n reset: 'Annuleren',\n\n required: 'Verplicht',\n description: 'Omschrijving',\n title: 'Titel',\n text: 'Tekst',\n target: 'Doel',\n width: 'Breedte'\n};\n" }, { "path": "src/langs/ph.js", "content": "/* ===========================================================\n * ph.js\n * Filipino translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : @leogono\n */\n\njQuery.trumbowyg.langs.ph = {\n viewHTML: 'Tumingin sa HTML',\n\n formatting: 'Formatting',\n p: 'Talata',\n blockquote: 'Blockquote',\n code: 'Kowd',\n header: 'Header',\n\n bold: 'Makapal',\n italic: 'Hilig',\n strikethrough: 'Strikethrough',\n underline: 'Salungguhit',\n\n strong: 'Malakas',\n em: 'Hilig',\n del: 'Tinanggal',\n\n unorderedList: 'Hindi nakahanay na listahan',\n orderedList: 'Nakahanay na listahan',\n\n insertImage: 'Ilagay ang larawan',\n insertVideo: 'Ilagay ang video',\n link: 'Koneksyon',\n createLink: 'Iugnay',\n unlink: 'Tanggalin ang koneksyon',\n\n justifyLeft: 'Ihanay sa kaliwa',\n justifyCenter: 'Ihanay sa gitna',\n justifyRight: 'Ihanay sa kanan',\n justifyFull: 'Ihanay sa kaliwa at kanan',\n\n horizontalRule: 'Pahalang na linya',\n\n fullscreen: 'Fullscreen',\n\n close: 'Isara',\n\n submit: 'Ipasa',\n reset: 'I-reset',\n\n required: 'Kailangan',\n description: 'Paglalarawan',\n title: 'Pamagat',\n text: 'Teksto'\n};\n" }, { "path": "src/langs/pl.js", "content": "/* ===========================================================\n * pl.js\n * Polish translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Paweł Abramowicz\n * Github : https://github.com/pawelabrams\n */\n\njQuery.trumbowyg.langs.pl = {\n viewHTML: 'Pokaż HTML',\n\n formatting: 'Format',\n p: 'Akapit',\n blockquote: 'Cytat',\n code: 'Kod',\n header: 'Nagłówek',\n\n bold: 'Pogrubienie',\n italic: 'Pochylenie',\n strikethrough: 'Przekreślenie',\n underline: 'Podkreślenie',\n\n strong: 'Wytłuszczenie',\n em: 'Uwydatnienie',\n del: 'Usunięte',\n\n unorderedList: 'Lista nieuporządkowana',\n orderedList: 'Lista uporządkowana',\n\n insertImage: 'Wstaw obraz',\n insertVideo: 'Wstaw film',\n link: 'Link',\n createLink: 'Wstaw link',\n unlink: 'Usuń link',\n\n justifyLeft: 'Wyrównaj do lewej',\n justifyCenter: 'Wyśrodkuj',\n justifyRight: 'Wyrównaj do prawej',\n justifyFull: 'Wyjustuj',\n\n horizontalRule: 'Odkreśl linią',\n\n fullscreen: 'Pełny ekran',\n\n close: 'Zamknij',\n\n submit: 'Zastosuj',\n reset: 'Przywróć',\n\n required: 'Wymagane',\n description: 'Opis',\n title: 'Tytuł',\n text: 'Tekst'\n};\n" }, { "path": "src/langs/pt.js", "content": "/* ===========================================================\n * pt.js\n * Portuguese translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Ramiro Varandas Jr (ramirovjr)\n * Twitter : @ramirovjnr\n * Website : about.me/ramirovjnr\n * Github : https://github.com/ramirovjr\n */\n\njQuery.trumbowyg.langs.pt = {\n viewHTML: 'Ver HTML',\n\n undo: 'Desfazer',\n redo: 'Refazer',\n\n formatting: 'Formatar',\n p: 'Paragráfo',\n blockquote: 'Citação',\n code: 'Código',\n header: 'Título',\n\n bold: 'Negrito',\n italic: 'Itálico',\n strikethrough: 'Suprimir',\n underline: 'Sublinhado',\n\n strong: 'Negrito',\n em: 'Ênfase',\n del: 'Apagar',\n\n superscript: 'Sobrescrito',\n subscript: 'Subscrito',\n\n unorderedList: 'Lista não ordenada',\n orderedList: 'Lista ordenada',\n\n insertImage: 'Inserir imagem',\n insertVideo: 'Inserir vídeo',\n link: 'Link',\n createLink: 'Criar um link',\n unlink: 'Remover link',\n\n justifyLeft: 'Alinhar a esquerda',\n justifyCenter: 'Centralizar',\n justifyRight: 'Alinhar a direita',\n justifyFull: 'Justificar',\n\n horizontalRule: 'Inserir separador horizontal',\n removeformat: 'Remover formatação',\n\n fullscreen: 'Tela cheia',\n\n close: 'Fechar',\n\n submit: 'Enviar',\n reset: 'Limpar',\n\n required: 'Obrigatório',\n description: 'Descrição',\n title: 'Título',\n text: 'Texto',\n target: 'Target'\n};\n" }, { "path": "src/langs/pt_br.js", "content": "/* ===========================================================\n * pt_br.js\n * Portuguese Brazilian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Alex Gotardi (alexgotardi)\n * Twitter : @alexgotardi\n * Github : https://github.com/alexgotardi\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.pt_br = {\n viewHTML: 'Ver HTML',\n\n undo: 'Desfazer',\n redo: 'Refazer',\n\n formatting: 'Formatar',\n p: 'Parágrafo',\n blockquote: 'Citação',\n code: 'Código',\n header: 'Título',\n\n bold: 'Negrito',\n italic: 'Itálico',\n strikethrough: 'Tachado',\n underline: 'Sublinhado',\n\n strong: 'Negrito',\n em: 'Ênfase',\n del: 'Apagar',\n\n superscript: 'Sobrescrito',\n subscript: 'Subscrito',\n\n unorderedList: 'Lista não ordenada',\n orderedList: 'Lista ordenada',\n\n insertImage: 'Inserir imagem',\n insertVideo: 'Inserir vídeo',\n link: 'Link',\n createLink: 'Criar um link',\n unlink: 'Remover link',\n\n justifyLeft: 'Alinhar a esquerda',\n justifyCenter: 'Centralizar',\n justifyRight: 'Alinhar a direita',\n justifyFull: 'Justificar',\n\n horizontalRule: 'Inserir separador horizontal',\n removeformat: 'Remover formatação',\n\n fullscreen: 'Tela cheia',\n\n close: 'Fechar',\n\n submit: 'Enviar',\n reset: 'Limpar',\n\n required: 'Obrigatório',\n description: 'Descrição',\n title: 'Título',\n text: 'Texto',\n target: 'Alvo'\n};\n" }, { "path": "src/langs/ro.js", "content": "/* ===========================================================\n * ro.js\n * Romanian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Vladut Radulescu (pacMakaveli)\n * Email: pacMakaveli90@gmail.com\n * Twitter : @pacMakaveli90\n * Website : creative-studio51.co.uk\n * Github : https://github.com/pacMakaveli\n */\n\njQuery.trumbowyg.langs.ro = {\n viewHTML: 'Vizualizare HTML',\n\n formatting: 'Format',\n p: 'Paragraf',\n blockquote: 'Citație',\n code: 'Cod',\n header: 'Titlu',\n\n bold: 'Bold',\n italic: 'Italic',\n strikethrough: 'Tăiat',\n underline: 'Subliniat',\n\n strong: 'Puternic',\n em: 'Accentuat',\n del: 'Sterge',\n\n unorderedList: 'Lista dezordonată',\n orderedList: 'Liste ordonată',\n\n insertImage: 'Adăugare Imagine',\n insertVideo: 'Adăugare Video',\n link: 'Link',\n createLink: 'Crează link',\n unlink: 'Remover link',\n\n justifyLeft: 'Aliniază stânga',\n justifyCenter: 'Aliniază centru',\n justifyRight: 'Aliniază dreapta',\n justifyFull: 'Justificare',\n\n horizontalRule: 'Linie orizontală',\n\n fullscreen: 'Tot ecranul',\n\n close: 'Închide',\n\n submit: 'Procesează',\n reset: 'Resetează',\n\n required: 'Obligatoriu',\n description: 'Descriere',\n title: 'Titlu',\n text: 'Text'\n};\n" }, { "path": "src/langs/rs.js", "content": "/* ===========================================================\n * rs.js\n * Serbian (Cyrlic) translation for Trumbowyg\n * https://www.github.com/johonunu\n * ===========================================================\n * Author : Nikola Trifunovic (https://www.github.com/johonunu)\n */\n\njQuery.trumbowyg.langs.rs = {\n viewHTML: 'Погледај HTML кóд',\n\n formatting: 'Форматирање',\n p: 'Параграф',\n blockquote: 'Цитат',\n code: 'Кóд',\n header: 'Наслов',\n\n bold: 'Подебљано',\n italic: 'Курзив',\n strikethrough: 'Прецртано',\n underline: 'Подвучено',\n\n strong: 'Подебљано',\n em: 'Истакнуто',\n del: 'Обрисано',\n\n unorderedList: 'Ненабројива листа',\n orderedList: 'Набројива листа',\n insertImage: 'Унеси слику',\n insertVideo: 'Унеси видео',\n link: 'Линк',\n createLink: 'Унеси линк',\n unlink: 'Уклони линк',\n\n justifyLeft: 'Лево равнање',\n justifyCenter: 'Централно равнање',\n justifyRight: 'Десно равнање',\n justifyFull: 'Обострано равнање',\n\n horizontalRule: 'Хоризонтална линија',\n\n fullscreen: 'Режим читавог екрана',\n\n close: 'Затвори',\n\n submit: 'Унеси',\n reset: 'Откажи',\n\n required: 'Обавезно поље',\n description: 'Опис',\n title: 'Наслов',\n text: 'Текст'\n};\n" }, { "path": "src/langs/rs_latin.js", "content": "/* ===========================================================\n * rs_latin.js\n * Serbian (Latin) translation for Trumbowyg\n * https://www.github.com/johonunu\n * ===========================================================\n * Author : Nikola Trifunovic (https://www.github.com/johonunu)\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.rs_latin = {\n viewHTML: 'Poglеdaj HTML kód',\n\n formatting: 'Formatiranjе',\n p: 'Paragraf',\n blockquote: 'Citat',\n code: 'Kód',\n header: 'Naslov',\n\n bold: 'Podеbljano',\n italic: 'Kurziv',\n strikethrough: 'Prеcrtano',\n underline: 'Podvučеno',\n\n strong: 'Podеbljano',\n em: 'Istaknuto',\n del: 'Obrisano',\n\n unorderedList: 'Nеnabrojiva lista',\n orderedList: 'Nabrojiva lista',\n insertImage: 'Unеsi sliku',\n insertVideo: 'Unеsi vidеo',\n link: 'Link',\n createLink: 'Unеsi link',\n unlink: 'Ukloni link',\n\n justifyLeft: 'Lеvo ravnanjе',\n justifyCenter: 'Cеntralno ravnanjе',\n justifyRight: 'Dеsno ravnanjе',\n justifyFull: 'Obostrano ravnanjе',\n\n horizontalRule: 'Horizontalna linija',\n\n fullscreen: 'Rеžim čitavog еkrana',\n\n close: 'Zatvori',\n\n submit: 'Unеsi',\n reset: 'Otkaži',\n\n required: 'Obavеzno poljе',\n description: 'Opis',\n title: 'Naslov',\n text: 'Tеkst'\n};\n" }, { "path": "src/langs/ru.js", "content": "/* ===========================================================\n * ru.js\n * Russian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Yuri Lya\n */\n\njQuery.trumbowyg.langs.ru = {\n viewHTML: 'Посмотреть HTML',\n\n undo: 'Отменить',\n redo: 'Повторить',\n\n formatting: 'Форматирование',\n p: 'Обычный',\n blockquote: 'Цитата',\n code: 'Код',\n header: 'Заголовок',\n\n bold: 'Полужирный',\n italic: 'Курсив',\n strikethrough: 'Зачеркнутый',\n underline: 'Подчеркнутый',\n\n strong: 'Полужирный',\n em: 'Курсив',\n del: 'Зачеркнутый',\n\n superscript: 'Надстрочный',\n subscript: 'Подстрочный',\n\n unorderedList: 'Обычный список',\n orderedList: 'Нумерованный список',\n\n insertImage: 'Вставить изображение',\n insertVideo: 'Вставить видео',\n link: 'Ссылка',\n createLink: 'Вставить ссылку',\n unlink: 'Удалить ссылку',\n\n justifyLeft: 'По левому краю',\n justifyCenter: 'По центру',\n justifyRight: 'По правому краю',\n justifyFull: 'По ширине',\n\n horizontalRule: 'Горизонтальная линия',\n removeformat: 'Очистить форматирование',\n\n fullscreen: 'Во весь экран',\n\n close: 'Закрыть',\n\n submit: 'Вставить',\n reset: 'Отменить',\n\n required: 'Обязательное',\n description: 'Описание',\n title: 'Подсказка',\n text: 'Текст'\n};\n" }, { "path": "src/langs/sk.js", "content": "/* ===========================================================\n * sk.js\n * Slovak translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : VeeeneX (https://github.com/VeeeneX)\n */\n\njQuery.trumbowyg.langs.sk = {\n viewHTML: 'Zobraziť HTML',\n\n formatting: 'Formátovanie',\n p: 'Paragraf',\n blockquote: 'Citácia',\n code: 'Kód',\n header: 'Nadpis',\n\n bold: 'Tučné',\n italic: 'Kurzíva',\n strikethrough: 'Preškrtnuté',\n underline: 'Podčiarknuté',\n\n strong: 'Tučné',\n em: 'Zvýrazniť',\n del: 'Zmazať',\n\n unorderedList: 'Netriedený zoznam',\n orderedList: 'Triedený zoznam',\n\n insertImage: 'Vložiť obrázok',\n insertVideo: 'Vložiť video',\n link: 'Odkaz',\n createLink: 'Vložiť odkaz',\n unlink: 'Zmazať odkaz',\n\n justifyLeft: 'Zarovnať doľava',\n justifyCenter: 'Zarovnať na stred',\n justifyRight: 'Zarovnať doprava',\n justifyFull: 'Zarovnať do bloku',\n\n horizontalRule: 'Vložit vodorovnú čiaru',\n\n fullscreen: 'Režim celej obrazovky',\n\n close: 'Zavrieť',\n\n submit: 'Potvrdiť',\n reset: 'Zrušiť',\n\n required: 'Povinné',\n description: 'Popis',\n title: 'Nadpis',\n text: 'Text'\n};\n" }, { "path": "src/langs/sl.js", "content": "/* ===========================================================\n * sl.js\n * Slovenian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author: Matjaz Zavski (https://github.com/matjaz321)\n * Mod: Uros Gaber (uros@powercom.si)\n */\n\njQuery.trumbowyg.langs.sl = {\n viewHTML: 'Prikaži HTML',\n\n undo: 'Razveljavi',\n redo: 'Ponovno uveljavi',\n\n formatting: 'Oblika',\n p: 'Odstavek',\n blockquote: 'Citat',\n code: 'Koda',\n header: 'Glava',\n\n bold: 'Krepko',\n italic: 'Ležeče',\n strikethrough: 'Prečrtano',\n underline: 'Podčrtano',\n\n strong: 'Odebljeno',\n em: 'Poudarjeno',\n del: 'Izbrisano',\n\n unorderedList: 'Neoštevilčen seznam',\n orderedList: 'Oštevilčen seznam',\n\n image: 'Slika',\n insertImage: 'Vstavi sliko',\n insertVideo: 'Vstavi video',\n link: 'Povezava',\n createLink: 'Vstavi povezavo',\n unlink: 'Odstrani povezavo',\n\n justifyLeft: 'Poravnava levo',\n justifyCenter: 'Poravnaj na sredino',\n justifyRight: 'Poravnava desno',\n justifyFull: 'Obojestranska poravnava',\n\n horizontalRule: 'Vstavite vodoravno črto',\n removeformat: 'Odstrani format',\n\n fullscreen: 'Celozaslonski način',\n\n close: 'Zapri',\n\n submit: 'Potrdi',\n reset: 'Prekliči',\n\n required: 'Zahtevano',\n description: 'Opis',\n title: 'Naslov',\n text: 'Besedilo'\n};\n" }, { "path": "src/langs/sq.js", "content": "/* ===========================================================\n * sq.js\n * Albanian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Adalen Vladi\n */\n\njQuery.trumbowyg.langs.sq = {\n\n viewHTML: 'Shfaq HTML',\n\n undo: 'Prish',\n redo: 'Ribej',\n\n formatting: 'Formatimi',\n p: 'Paragraf',\n blockquote: 'Citat',\n code: 'Kodi',\n header: 'Koka',\n\n bold: 'Spikatur',\n italic: 'Pjerret',\n strikethrough: 'Vize ne mes',\n underline: 'Nenvizo',\n\n strong: 'I trashe',\n em: 'I theksuar',\n del: 'I fshire',\n\n superscript: 'Indeks i sipërm',\n subscript: 'Indeks i poshtem',\n\n unorderedList: 'Liste e parenditur',\n orderedList: 'Liste e renditur',\n\n\n insertImage: 'Fut Foto',\n insertVideo: 'Fut Video',\n link: 'Link',\n createLink: 'Krijo Link',\n unlink: 'Hiq Link',\n\n justifyLeft: 'Drejto Majtas',\n justifyCenter: 'Drejto ne Qender',\n justifyRight: 'Drejto Djathtas',\n justifyFull: 'Drejto Vete',\n\n horizontalRule: 'Vendos rregulloren horizontale',\n removeformat: 'Hiq formatin',\n\n fullscreen: 'Ekran i plotë',\n\n close: 'Mbyll',\n\n submit: 'Konfirmo',\n reset: 'Anullo',\n\n required: 'I detyrueshem',\n description: 'Pershkrimi',\n title: 'Titulli',\n text: 'Tekst',\n target: 'Objektivi',\n width: 'Gjeresia'\n};\n" }, { "path": "src/langs/sv.js", "content": "/* ===========================================================\n * sv.js\n * Swedish translation for Trumbowyg\n * http://www.tim-international.net\n * ===========================================================\n * Author : T. Almroth\n * Github : https://github.com/timint\n *\n * Review : M Hagberg\n * Github : https://github.com/pestbarn\n */\n\njQuery.trumbowyg.langs.sv = {\n viewHTML: 'Visa HTML',\n\n formatting: 'Formatering',\n p: 'Paragraf',\n blockquote: 'Citat',\n code: 'Kod',\n header: 'Rubrik',\n\n bold: 'Fet',\n italic: 'Kursiv',\n strikethrough: 'Genomstruken',\n underline: 'Understruken',\n\n strong: 'Fet',\n em: 'Kursiv',\n del: 'Rensa formatering',\n\n unorderedList: 'Punktlista',\n orderedList: 'Numrerad lista',\n\n insertImage: 'Infoga bild',\n insertVideo: 'Infoga video',\n link: 'Länk',\n createLink: 'Infoga länk',\n unlink: 'Ta bort länk',\n\n justifyLeft: 'Vänsterjustera',\n justifyCenter: 'Centrera',\n justifyRight: 'Högerjustera',\n justifyFull: 'Marginaljustera',\n\n horizontalRule: 'Horisontell linje',\n removeformat: 'Ta bort formatering',\n\n fullscreen: 'Fullskärm',\n\n close: 'Stäng',\n\n submit: 'Bekräfta',\n reset: 'Återställ',\n\n required: 'Obligatorisk',\n description: 'Beskrivning',\n title: 'Titel',\n text: 'Text'\n};\n" }, { "path": "src/langs/th.js", "content": "/* ===========================================================\n * th.js\n * Thai translation for Trumbowyg\n * https://github.com/ionsoft/Trumbowyg\n * ===========================================================\n * Author : Gonatee Klanktong\n * Github : https://github.com/gonateek\n */\n\njQuery.trumbowyg.langs.th = {\n viewHTML: 'ดู HTML',\n\n formatting: 'จัดรูปแบบ',\n p: 'ย่อหน้า',\n blockquote: 'อ้างอิง',\n code: 'โค๊ด',\n header: 'ส่วนหัว',\n\n bold: 'หนา',\n italic: 'เอียง',\n strikethrough: 'ขีดทับ',\n underline: 'เส้นใต้',\n\n strong: 'สำคัญ',\n em: 'เน้น',\n del: 'ลบ',\n\n unorderedList: 'รายการ',\n orderedList: 'รายการ(ตัวเลข)',\n\n insertImage: 'ใส่รูป',\n insertVideo: 'ใส่วิดีโอ',\n link: 'ลิงค์',\n createLink: 'สร้างลิงค์',\n unlink: 'ยกเลิกลิงค์',\n\n justifyLeft: 'ชิดซ้าย',\n justifyCenter: 'กลาง',\n justifyRight: 'ชิดขวา',\n justifyFull: 'เต็มบรรทัด',\n\n horizontalRule: 'เส้นแนวนอน',\n\n fullscreen: 'เต็มหน้าจอ',\n\n close: 'ปิด',\n\n submit: 'ตกลง',\n reset: 'เริ่มใหม่',\n\n required: 'จำเป็น',\n description: 'คำอธิบาย',\n title: 'หัวเรื่อง',\n text: 'ข้อความ'\n};\n" }, { "path": "src/langs/tr.js", "content": "/* ===========================================================\n * tr.js\n * Turkish translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Emrah Bilbay (munzur)\n * Github : https://github.com/munzur\n *\n * Özgür Görgülü (ozgurg)\n * Github : https://github.com/ozgurg\n */\n\njQuery.trumbowyg.langs.tr = {\n viewHTML: 'HTML Kodu',\n\n undo: 'Yinele',\n redo: 'Geri al',\n\n formatting: 'Biçimlendirme',\n p: 'Paragraf',\n blockquote: 'Alıntı',\n code: 'Kod',\n header: 'Başlık',\n\n bold: 'Kalın',\n italic: 'İtalik',\n strikethrough: 'Üzeri çizgili',\n underline: 'Altı çizgili',\n\n strong: 'Koyu',\n em: 'Vurgulu',\n del: 'Üzeri çizgili',\n\n unorderedList: 'Simgeli liste',\n orderedList: 'Numaralı liste',\n\n insertImage: 'Resim yerleştir',\n insertVideo: 'Video yerleştir',\n link: 'Link',\n createLink: 'Link yerleştir',\n unlink: 'Linki sil',\n\n justifyLeft: 'Sola hizala',\n justifyCenter: 'Ortaya hizala',\n justifyRight: 'Sağa hizala',\n justifyFull: 'Yasla',\n\n horizontalRule: 'Yatay satır ekle',\n\n fullscreen: 'Tam ekran',\n\n close: 'Kapat',\n\n submit: 'Onayla',\n reset: 'Sıfırla',\n\n required: 'Gerekli',\n description: 'Açıklama',\n title: 'Başlık',\n text: 'Metin',\n\n removeformat: 'Biçimlendirmeyi temizle'\n};\n" }, { "path": "src/langs/ua.js", "content": "/* ===========================================================\n * ua.js\n * Ukrainian translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Igor Buksha\n */\n\njQuery.trumbowyg.langs.ua = {\n viewHTML: 'Подивитись HTML',\n\n formatting: 'Форматування',\n p: 'Звичайний',\n blockquote: 'Витяг',\n code: 'Код',\n header: 'Заголовок',\n\n bold: 'Напівжирний',\n italic: 'Курсив',\n strikethrough: 'Закреслений',\n underline: 'Підкреслений',\n\n strong: 'Напівжирний',\n em: 'Курсив',\n del: 'Закреслений',\n\n unorderedList: 'Звичайний список',\n orderedList: 'Нумерований список',\n\n insertImage: 'Вставити зображення',\n insertVideo: 'Вставити відео',\n link: 'Посилання',\n createLink: 'Вставити посилання',\n unlink: 'Видалити посилання',\n\n justifyLeft: 'По лівому краю',\n justifyCenter: 'В центрі',\n justifyRight: 'По правому краю',\n justifyFull: 'По ширині',\n\n horizontalRule: 'Горизонтальна лінія',\n\n fullscreen: 'На весь екран',\n\n close: 'Закрити',\n\n submit: 'Вставити',\n reset: 'Скасувати',\n\n required: 'Обов\\'язкове',\n description: 'Опис',\n title: 'Підказка',\n text: 'Текст'\n};\n" }, { "path": "src/langs/vi.js", "content": "/* ===========================================================\n * vi.js\n * Vietnamese translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : heocoi\n * Github: https://github.com/heocoi\n */\n\njQuery.trumbowyg.langs.vi = {\n viewHTML: 'Hiển thị HTML',\n\n formatting: 'Định dạng',\n p: 'Đoạn',\n blockquote: 'Trích dẫn',\n code: 'Code',\n header: 'Đầu trang',\n\n bold: 'In đậm',\n italic: 'In nghiêng',\n strikethrough: 'Gạch ngang',\n underline: 'Gạch chân',\n\n strong: 'In đậm',\n em: 'In nghiêng',\n del: 'Gạch ngang',\n\n unorderedList: 'Danh sách không thứ tự',\n orderedList: 'Danh sách có thứ tự',\n\n insertImage: 'Chèn hình ảnh',\n insertVideo: 'Chèn video',\n link: 'Đường dẫn',\n createLink: 'Tạo đường dẫn',\n unlink: 'Hủy đường dẫn',\n\n justifyLeft: 'Canh lề trái',\n justifyCenter: 'Canh giữa',\n justifyRight: 'Canh lề phải',\n justifyFull: 'Canh đều',\n\n horizontalRule: 'Thêm đường kẻ ngang',\n\n fullscreen: 'Toàn màn hình',\n\n close: 'Đóng',\n\n submit: 'Đồng ý',\n reset: 'Hủy bỏ',\n\n required: 'Bắt buộc',\n description: 'Mô tả',\n title: 'Tiêu đề',\n text: 'Nội dung',\n target: 'Đối tượng'\n};\n" }, { "path": "src/langs/zh_cn.js", "content": "/* ===========================================================\n * zh_cn.js\n * Simplified Chinese translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Liu Kai (akai)\n * Twitter : @akai404\n * Github : https://github.com/akai\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.zh_cn = {\n viewHTML: '源代码',\n\n formatting: '格式',\n p: '段落',\n blockquote: '引用',\n code: '代码',\n header: '标题',\n\n bold: '加粗',\n italic: '斜体',\n strikethrough: '删除线',\n underline: '下划线',\n\n strong: '加粗',\n em: '斜体',\n del: '删除线',\n\n unorderedList: '无序列表',\n orderedList: '有序列表',\n\n insertImage: '插入图片',\n insertVideo: '插入视频',\n link: '超链接',\n createLink: '插入链接',\n unlink: '取消链接',\n\n justifyLeft: '居左对齐',\n justifyCenter: '居中对齐',\n justifyRight: '居右对齐',\n justifyFull: '两端对齐',\n\n horizontalRule: '插入分隔线',\n\n fullscreen: '全屏',\n\n close: '关闭',\n\n submit: '确定',\n reset: '取消',\n\n required: '必需的',\n description: '描述',\n title: '标题',\n text: '文字'\n};\n" }, { "path": "src/langs/zh_tw.js", "content": "/* ===========================================================\n * zh_tw.js\n * Traditional Chinese translation for Trumbowyg\n * http://alex-d.github.com/Trumbowyg\n * ===========================================================\n * Author : Peter Dave Hello (PeterDaveHello)\n * Twitter : @PeterDaveHello\n * Github : https://github.com/PeterDaveHello\n */\n\n// jshint camelcase:false\njQuery.trumbowyg.langs.zh_tw = {\n viewHTML: '原始碼',\n\n undo: '復原',\n redo: '重做',\n\n formatting: '格式',\n p: '段落',\n blockquote: '引用',\n code: '代碼',\n header: '標題',\n\n bold: '加粗',\n italic: '斜體',\n strikethrough: '刪除線',\n underline: '底線',\n\n strong: '粗體',\n em: '斜體',\n del: '刪除線',\n\n superscript: '上標',\n subscript: '下標',\n\n unorderedList: '無序列表',\n orderedList: '有序列表',\n\n insertImage: '插入圖片',\n insertVideo: '插入影片',\n link: '超連結',\n createLink: '插入連結',\n unlink: '取消連結',\n\n justifyLeft: '靠左對齊',\n justifyCenter: '置中對齊',\n justifyRight: '靠右對齊',\n justifyFull: '左右對齊',\n\n horizontalRule: '插入分隔線',\n removeformat: '移除格式',\n\n fullscreen: '全螢幕',\n\n close: '關閉',\n\n submit: '確定',\n reset: '取消',\n\n required: '必需的',\n description: '描述',\n title: '標題',\n text: '文字',\n target: '目標',\n width: '寬度'\n};\n" }, { "path": "src/trumbowyg.js", "content": "jQuery.trumbowyg = {\n langs: {\n en: {\n viewHTML: 'View HTML',\n\n undo: 'Undo',\n redo: 'Redo',\n\n formatting: 'Formatting',\n p: 'Paragraph',\n blockquote: 'Quote',\n code: 'Code',\n header: 'Header',\n\n bold: 'Bold',\n italic: 'Italic',\n strikethrough: 'Strikethrough',\n underline: 'Underline',\n\n strong: 'Strong',\n em: 'Emphasis',\n del: 'Deleted',\n\n superscript: 'Superscript',\n subscript: 'Subscript',\n\n unorderedList: 'Unordered list',\n orderedList: 'Ordered list',\n\n insertImage: 'Insert Image',\n link: 'Link',\n createLink: 'Insert link',\n unlink: 'Remove link',\n\n _self: 'Same tab (default)',\n _blank: 'New tab',\n\n justifyLeft: 'Align Left',\n justifyCenter: 'Align Center',\n justifyRight: 'Align Right',\n justifyFull: 'Align Justify',\n\n horizontalRule: 'Insert horizontal rule',\n removeformat: 'Remove format',\n\n fullscreen: 'Fullscreen',\n\n close: 'Close',\n\n submit: 'Confirm',\n reset: 'Cancel',\n\n required: 'Required',\n description: 'Description',\n title: 'Title',\n text: 'Text',\n target: 'Target',\n width: 'Width'\n }\n },\n\n // Plugins\n plugins: {},\n\n // SVG Path globally\n svgPath: null,\n svgAbsoluteUseHref: false,\n\n hideButtonTexts: null\n};\n\n// Makes default options read-only\nObject.defineProperty(jQuery.trumbowyg, 'defaultOptions', {\n value: {\n lang: 'en',\n\n fixedBtnPane: false,\n fixedFullWidth: false,\n autogrow: false,\n autogrowOnEnter: false,\n imageWidthModalEdit: false,\n hideButtonTexts: null,\n\n prefix: 'trumbowyg-',\n tagClasses: {},\n semantic: true,\n semanticKeepAttributes: false,\n resetCss: false,\n removeformatPasted: false,\n tabToIndent: false,\n tagsToRemove: [],\n tagsToKeep: ['hr', 'img', 'embed', 'iframe', 'input'],\n btns: [\n ['viewHTML'],\n ['undo', 'redo'], // Only supported in Blink browsers\n ['formatting'],\n ['strong', 'em', 'del'],\n ['superscript', 'subscript'],\n ['link'],\n ['insertImage'],\n ['justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull'],\n ['unorderedList', 'orderedList'],\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ],\n // For custom button definitions\n btnsDef: {},\n changeActiveDropdownIcon: false,\n\n inlineElementsSelector: 'a,abbr,acronym,b,caption,cite,code,col,dfn,dir,dt,dd,em,font,hr,i,kbd,li,q,span,strikeout,strong,sub,sup,u',\n\n pasteHandlers: [],\n\n // imgDblClickHandler: default is defined in constructor\n\n plugins: {},\n\n urlProtocol: false,\n minimalLinks: false,\n linkTargets: ['_self', '_blank'],\n\n svgPath: null\n },\n writable: false,\n enumerable: true,\n configurable: false\n});\n\n(function (navigator, window, document, $) {\n 'use strict';\n\n var CONFIRM_EVENT = 'tbwconfirm',\n CANCEL_EVENT = 'tbwcancel';\n\n $.fn.trumbowyg = function (options, params) {\n var trumbowygDataName = 'trumbowyg';\n if (options === Object(options) || !options) {\n return this.each(function () {\n if (!$(this).data(trumbowygDataName)) {\n $(this).data(trumbowygDataName, new Trumbowyg(this, options));\n }\n });\n }\n if (this.length === 1) {\n try {\n var t = $(this).data(trumbowygDataName);\n switch (options) {\n // Exec command\n case 'execCmd':\n return t.execCmd(params.cmd, params.param, params.forceCss, params.skipTrumbowyg);\n\n // Modal box\n case 'openModal':\n return t.openModal(params.title, params.content);\n case 'closeModal':\n return t.closeModal();\n case 'openModalInsert':\n return t.openModalInsert(params.title, params.fields, params.callback);\n\n // Range\n case 'saveRange':\n return t.saveRange();\n case 'getRange':\n return t.range;\n case 'getRangeText':\n return t.getRangeText();\n case 'restoreRange':\n return t.restoreRange();\n\n // Enable/disable\n case 'enable':\n return t.setDisabled(false);\n case 'disable':\n return t.setDisabled(true);\n\n // Toggle\n case 'toggle':\n return t.toggle();\n\n // Destroy\n case 'destroy':\n return t.destroy();\n\n // Empty\n case 'empty':\n return t.empty();\n\n // HTML\n case 'html':\n return t.html(params);\n }\n } catch (c) {\n }\n }\n\n return false;\n };\n\n // @param: editorElem is the DOM element\n var Trumbowyg = function (editorElem, options) { // jshint ignore:line\n var t = this,\n trumbowygIconsId = 'trumbowyg-icons',\n $trumbowyg = $.trumbowyg;\n\n // Get the document of the element. It use to makes the plugin\n // compatible on iframes.\n t.doc = editorElem.ownerDocument || document;\n\n // jQuery object of the editor\n t.$ta = $(editorElem); // $ta : Textarea\n t.$c = $(editorElem); // $c : creator\n\n options = options || {};\n\n // Localization management\n if (options.lang != null || $trumbowyg.langs[options.lang] != null) {\n t.lang = $.extend(true, {}, $trumbowyg.langs.en, $trumbowyg.langs[options.lang]);\n } else {\n t.lang = $trumbowyg.langs.en;\n }\n\n t.hideButtonTexts = $trumbowyg.hideButtonTexts != null ? $trumbowyg.hideButtonTexts : options.hideButtonTexts;\n\n // SVG path\n var svgPathOption = $trumbowyg.svgPath != null ? $trumbowyg.svgPath : options.svgPath;\n t.hasSvg = svgPathOption !== false;\n\n if (svgPathOption !== false && ($trumbowyg.svgAbsoluteUseHref || $('#' + trumbowygIconsId, t.doc).length === 0)) {\n if (svgPathOption == null) {\n // Hack to get svgPathOption based on trumbowyg.js path\n var $scriptElements = $('script[src]');\n $scriptElements.each(function (i, scriptElement) {\n var source = scriptElement.src;\n var matches = source.match('trumbowyg(\\.min)?\\.js');\n if (matches != null) {\n svgPathOption = source.substring(0, source.indexOf(matches[0])) + 'ui/icons.svg';\n }\n });\n }\n\n // Do not merge with previous if block: svgPathOption can be redefined in it.\n // Here we are checking that we find a match\n if (svgPathOption == null) {\n console.warn('You must define svgPath: https://goo.gl/CfTY9U'); // jshint ignore:line\n } else if (!$trumbowyg.svgAbsoluteUseHref) {\n var div = t.doc.createElement('div');\n div.style.width = '0';\n div.style.height = '0';\n div.style.overflow = 'hidden';\n div.style.visibility = 'hidden';\n div.id = trumbowygIconsId;\n t.doc.body.insertBefore(div, t.doc.body.childNodes[0]);\n fetch(svgPathOption, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'\n }\n }).then((response) => {\n response.text()\n .then((svg) => {\n div.innerHTML = svg;\n });\n });\n }\n }\n\n var baseHref = !!t.doc.querySelector('base') ? window.location.href.replace(window.location.hash, '') : '';\n t.svgPath = $trumbowyg.svgAbsoluteUseHref ? svgPathOption : baseHref;\n\n\n /**\n * When the button is associated to a empty object\n * fn and title attributes are defined from the button key value\n *\n * For example\n * foo: {}\n * is equivalent to :\n * foo: {\n * fn: 'foo',\n * title: this.lang.foo\n * }\n */\n var h = t.lang.header, // Header translation\n isBlinkFunction = function () {\n return (window.chrome || (window.Intl && Intl.v8BreakIterator)) && 'CSS' in window;\n };\n t.btnsDef = {\n viewHTML: {\n fn: 'toggle',\n class: 'trumbowyg-not-disable'\n },\n\n undo: {\n isSupported: isBlinkFunction,\n key: 'Z'\n },\n redo: {\n isSupported: isBlinkFunction,\n key: 'Y'\n },\n\n p: {\n fn: 'formatBlock'\n },\n blockquote: {\n fn: 'formatBlock'\n },\n h1: {\n fn: 'formatBlock',\n title: h + ' 1'\n },\n h2: {\n fn: 'formatBlock',\n title: h + ' 2'\n },\n h3: {\n fn: 'formatBlock',\n title: h + ' 3'\n },\n h4: {\n fn: 'formatBlock',\n title: h + ' 4'\n },\n h5: {\n fn: 'formatBlock',\n title: h + ' 5'\n },\n h6: {\n fn: 'formatBlock',\n title: h + ' 6'\n },\n subscript: {\n tag: 'sub'\n },\n superscript: {\n tag: 'sup'\n },\n\n bold: {\n key: 'B',\n tag: 'b'\n },\n italic: {\n key: 'I',\n tag: 'i'\n },\n underline: {\n tag: 'u'\n },\n strikethrough: {\n tag: 'strike'\n },\n\n strong: {\n fn: 'bold',\n key: 'B'\n },\n em: {\n fn: 'italic',\n key: 'I'\n },\n del: {\n fn: 'strikethrough'\n },\n\n createLink: {\n key: 'K',\n tag: 'a'\n },\n unlink: {},\n\n insertImage: {},\n\n justifyLeft: {\n tag: 'left',\n forceCss: true\n },\n justifyCenter: {\n tag: 'center',\n forceCss: true\n },\n justifyRight: {\n tag: 'right',\n forceCss: true\n },\n justifyFull: {\n tag: 'justify',\n forceCss: true\n },\n\n unorderedList: {\n fn: 'insertUnorderedList',\n tag: 'ul'\n },\n orderedList: {\n fn: 'insertOrderedList',\n tag: 'ol'\n },\n\n horizontalRule: {\n fn: 'insertHorizontalRule'\n },\n\n removeformat: {},\n\n fullscreen: {\n class: 'trumbowyg-not-disable'\n },\n close: {\n fn: 'destroy',\n class: 'trumbowyg-not-disable'\n },\n\n // Dropdowns\n formatting: {\n dropdown: ['p', 'blockquote', 'h1', 'h2', 'h3', 'h4'],\n ico: 'p'\n },\n link: {\n dropdown: ['createLink', 'unlink']\n }\n };\n\n // Default Options\n t.o = $.extend(true, {}, $trumbowyg.defaultOptions, options);\n if (!t.o.hasOwnProperty('imgDblClickHandler')) {\n t.o.imgDblClickHandler = t.getDefaultImgDblClickHandler();\n }\n\n t.urlPrefix = t.setupUrlPrefix();\n\n t.disabled = t.o.disabled || (editorElem.nodeName === 'TEXTAREA' && editorElem.disabled);\n\n if (options.btns) {\n t.o.btns = options.btns;\n } else if (!t.o.semantic) {\n t.o.btns[3] = ['bold', 'italic', 'underline', 'strikethrough'];\n }\n\n $.each(t.o.btnsDef, function (btnName, btnDef) {\n t.addBtnDef(btnName, btnDef);\n });\n\n // put this here in the event it would be merged in with options\n t.eventNamespace = 'trumbowyg-event';\n\n // Keyboard shortcuts are load in this array\n t.keys = [];\n\n // Tag to button dynamically hydrated\n t.tagToButton = {};\n t.tagHandlers = [];\n\n // Admit multiple paste handlers\n t.pasteHandlers = [].concat(t.o.pasteHandlers);\n\n // Check if browser is IE\n t.isIE = navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') !== -1;\n\n // Check if we are on macOs\n t.isMac = navigator.platform.toUpperCase().indexOf('MAC') !== -1;\n\n t.init();\n };\n\n Trumbowyg.prototype = {\n DEFAULT_SEMANTIC_MAP: {\n 'b': 'strong',\n 'i': 'em',\n 's': 'del',\n 'strike': 'del',\n 'div': 'p'\n },\n\n init: function () {\n var t = this;\n t.height = t.$ta.outerHeight() - 39; // Remove button pane height\n\n t.initPlugins();\n\n try {\n // Disable image resize, try-catch for old IE\n t.doc.execCommand('enableObjectResizing', false, false);\n t.doc.execCommand('defaultParagraphSeparator', false, 'p');\n } catch (e) {\n }\n\n t.buildEditor();\n t.buildBtnPane();\n\n t.fixedBtnPaneEvents();\n\n t.buildOverlay();\n\n setTimeout(function () {\n if (t.disabled) {\n t.setDisabled(true);\n }\n t.$c.trigger('tbwinit');\n });\n },\n\n addBtnDef: function (btnName, btnDef) {\n this.btnsDef[btnName] = $.extend(btnDef, this.btnsDef[btnName] || {});\n },\n\n setupUrlPrefix: function () {\n var protocol = this.o.urlProtocol;\n if (!protocol) {\n return;\n }\n\n if (typeof (protocol) !== 'string') {\n return 'https://';\n }\n return protocol.replace('://', '') + '://';\n },\n\n buildEditor: function () {\n var t = this,\n prefix = t.o.prefix,\n html = '';\n\n t.$box = $('', {\n class: prefix + 'box ' + prefix + 'editor-visible ' + prefix + t.o.lang + ' trumbowyg'\n });\n\n t.$edBox = $('', {\n class: prefix + 'editor-box'\n });\n\n // $ta = Textarea\n // $ed = Editor\n t.isTextarea = t.$ta.is('textarea');\n if (t.isTextarea) {\n html = t.$ta.val();\n t.$ed = $('')\n .appendTo(t.$edBox);\n t.$box\n .insertAfter(t.$ta)\n .append(t.$edBox, t.$ta);\n } else {\n t.$ed = t.$ta;\n html = t.$ed.html();\n\n t.$ta = $('', {\n name: t.$ta.attr('id'),\n height: t.height\n }).val(html);\n\n t.$box\n .insertAfter(t.$ed)\n .append(t.$ta, t.$edBox);\n t.$edBox.append(t.$ed);\n t.syncCode();\n }\n\n t.$ta\n .addClass(prefix + 'textarea')\n .attr('tabindex', -1)\n ;\n\n t.$ed\n .addClass(prefix + 'editor')\n .attr({\n contenteditable: true,\n dir: t.lang._dir || 'ltr'\n })\n .html(html)\n ;\n\n if (t.o.tabindex) {\n t.$ed.attr('tabindex', t.o.tabindex);\n }\n\n if (t.$c.is('[placeholder]')) {\n t.$ed.attr('placeholder', t.$c.attr('placeholder'));\n }\n\n if (t.$c.is('[spellcheck]')) {\n t.$ed.attr('spellcheck', t.$c.attr('spellcheck'));\n }\n\n if (t.o.resetCss) {\n t.$ed.addClass(prefix + 'reset-css');\n }\n\n t.semanticCode();\n t.applyTagClasses();\n\n if (t.o.autogrowOnEnter) {\n t.$ed.addClass(prefix + 'autogrow-on-enter');\n }\n\n var ctrl = false,\n composition = false,\n debounceButtonPaneStatus;\n\n t.$ed\n .on('dblclick', 'img', t.o.imgDblClickHandler)\n .on('keydown', function (e) {\n // append flags to differentiate Chrome spans\n var keyCode = e.which;\n if (keyCode === 8 || keyCode === 13 || keyCode === 46) {\n t.toggleSpan(true);\n }\n if ((e.ctrlKey || e.metaKey) && !e.altKey) {\n ctrl = true;\n var key = t.keys[String.fromCharCode(e.which).toUpperCase()];\n\n try {\n t.execCmd(key.fn, key.param);\n return false;\n } catch (c) {\n }\n } else {\n if (t.o.tabToIndent && e.key === 'Tab') {\n try {\n if (e.shiftKey) {\n t.execCmd('outdent', true, null);\n } else {\n t.execCmd('indent', true, null);\n }\n return false;\n } catch (c) {\n }\n }\n }\n })\n .on('compositionstart compositionupdate', function () {\n composition = true;\n })\n .on('keyup compositionend', function (e) {\n if (e.type === 'compositionend') {\n composition = false;\n } else if (composition) {\n return;\n }\n\n var keyCode = e.which;\n\n if (keyCode >= 37 && keyCode <= 40) {\n return;\n }\n\n // remove Chrome generated span tags\n if (keyCode === 8 || keyCode === 13 || keyCode === 46) {\n t.toggleSpan();\n }\n\n if ((e.ctrlKey || e.metaKey) && (keyCode === 89 || keyCode === 90)) {\n t.semanticCode(false, true);\n t.$c.trigger('tbwchange');\n } else if (!ctrl && keyCode !== 16 && keyCode !== 17) {\n var compositionEndIE = t.isIE ? e.type === 'compositionend' : true;\n t.semanticCode(false, compositionEndIE && keyCode === 13);\n t.$c.trigger('tbwchange');\n } else if (typeof e.which === 'undefined') {\n t.semanticCode(false, false, true);\n }\n\n setTimeout(function () {\n ctrl = false;\n }, 50);\n })\n .on('input', function (e) {\n // Trigger change event when spelling fixes applied\n var event = e.originalEvent;\n if (typeof event === 'object' && (event.inputType === 'insertReplacementText' ||\n (event.inputType === 'insertText' && event.data === null))) {\n t.$c.trigger('tbwchange');\n }\n })\n .on('mouseup keydown keyup', function (e) {\n if ((!e.ctrlKey && !e.metaKey) || e.altKey) {\n setTimeout(function () { // \"hold on\" to the ctrl key for 50ms\n ctrl = false;\n }, 50);\n }\n clearTimeout(debounceButtonPaneStatus);\n debounceButtonPaneStatus = setTimeout(function () {\n t.updateButtonPaneStatus();\n }, 50);\n })\n .on('focus blur', function (e) {\n if (e.type === 'blur') {\n t.clearButtonPaneStatus();\n }\n t.$c.trigger('tbw' + e.type);\n if (t.o.autogrowOnEnter) {\n if (t.autogrowOnEnterDontClose) {\n return;\n }\n if (e.type === 'focus') {\n t.autogrowOnEnterWasFocused = true;\n t.autogrowEditorOnEnter();\n } else if (!t.o.autogrow) {\n t.$edBox.css({height: t.$edBox.css('min-height')});\n t.$c.trigger('tbwresize');\n }\n }\n })\n .on('keyup focus', function () {\n if (!t.$ta.val().match(/<.*>/) && !t.$ed.html().match(/<.*>/)) {\n setTimeout(function () {\n var block = t.isIE ? '' : 'p';\n t.doc.execCommand('formatBlock', false, block);\n t.syncCode();\n }, 0);\n }\n })\n .on('cut drop', function () {\n setTimeout(function () {\n t.semanticCode(false, true);\n t.$c.trigger('tbwchange');\n }, 0);\n })\n .on('paste', function (e) {\n if (t.o.removeformatPasted) {\n e.preventDefault();\n\n if (window.getSelection && window.getSelection().deleteFromDocument) {\n window.getSelection().deleteFromDocument();\n }\n\n try {\n // IE\n var text = window.clipboardData.getData('Text');\n\n try {\n // <= IE10\n t.doc.selection.createRange().pasteHTML(text);\n } catch (c) {\n // IE 11\n t.doc.getSelection().getRangeAt(0).insertNode(t.doc.createTextNode(text));\n }\n t.$c.trigger('tbwchange', e);\n } catch (d) {\n // Not IE\n t.execCmd('insertText', (e.originalEvent || e).clipboardData.getData('text/plain'));\n }\n }\n\n // Call pasteHandlers\n $.each(t.pasteHandlers, function (i, pasteHandler) {\n pasteHandler(e);\n });\n\n setTimeout(function () {\n t.semanticCode(false, true);\n t.$c.trigger('tbwpaste', e);\n t.$c.trigger('tbwchange');\n }, 0);\n });\n\n t.$ta\n .on('keyup', function () {\n t.$c.trigger('tbwchange');\n })\n .on('paste', function () {\n setTimeout(function () {\n t.$c.trigger('tbwchange');\n }, 0);\n });\n\n $(t.doc.body).on('keydown.' + t.eventNamespace, function (e) {\n if (e.which === 27 && $('.' + prefix + 'modal-box').length >= 1) {\n t.closeModal();\n return false;\n }\n });\n },\n\n //autogrow when entering logic\n autogrowEditorOnEnter: function () {\n var t = this;\n t.$ed.removeClass('autogrow-on-enter');\n var oldHeight = t.$ed[0].clientHeight;\n t.$edBox.height('auto');\n var totalHeight = t.$ed[0].scrollHeight;\n t.$ed.addClass('autogrow-on-enter');\n if (oldHeight !== totalHeight) {\n t.$edBox.height(oldHeight);\n setTimeout(function () {\n t.$edBox.css({height: totalHeight});\n t.$c.trigger('tbwresize');\n }, 0);\n }\n },\n\n\n // Build button pane, use o.btns option\n buildBtnPane: function () {\n var t = this,\n prefix = t.o.prefix;\n\n var $btnPane = t.$btnPane = $('
', {\n class: prefix + 'button-pane'\n });\n\n $.each(t.o.btns, function (i, btnGrp) {\n if (!Array.isArray(btnGrp)) {\n btnGrp = [btnGrp];\n }\n\n var $btnGroup = $('', {\n class: prefix + 'button-group ' + ((btnGrp.indexOf('fullscreen') >= 0) ? prefix + 'right' : '')\n });\n $.each(btnGrp, function (i, btn) {\n try { // Prevent buildBtn error\n if (t.isSupportedBtn(btn)) { // It's a supported button\n $btnGroup.append(t.buildBtn(btn));\n }\n } catch (c) {\n }\n });\n\n if ($btnGroup.html().trim().length > 0) {\n $btnPane.append($btnGroup);\n }\n });\n\n t.$box.prepend($btnPane);\n },\n\n\n // Build a button and his action\n // @param btnName The name of the button\n buildBtn: function (btnName) { // jshint ignore:line\n var t = this,\n prefix = t.o.prefix,\n btn = t.btnsDef[btnName],\n isDropdown = btn.dropdown,\n hasIcon = btn.hasIcon != null ? btn.hasIcon : true,\n textDef = t.lang[btnName] || btnName,\n\n $btn = $('', {\n type: 'button',\n class: prefix + btnName + '-button ' + (btn.class || '') + (!hasIcon ? ' ' + prefix + 'textual-button' : ''),\n html: t.hasSvg && hasIcon ?\n '' :\n t.hideButtonTexts ? '' : (btn.text || btn.title || t.lang[btnName] || btnName),\n title: (btn.title || btn.text || textDef) + (btn.key ? ' (' + (t.isMac ? 'Cmd' : 'Ctrl') + ' + ' + btn.key + ')' : ''),\n tabindex: -1,\n mousedown: function () {\n if (!isDropdown || $('.' + btnName + '-' + prefix + 'dropdown', t.$box).is(':hidden')) {\n $('body', t.doc).trigger('mousedown');\n }\n\n if ((t.$btnPane.hasClass(prefix + 'disable') || t.$box.hasClass(prefix + 'disabled')) &&\n !$(this).hasClass(prefix + 'active') &&\n !$(this).hasClass(prefix + 'not-disable')) {\n return false;\n }\n\n t.execCmd((isDropdown ? 'dropdown' : false) || btn.fn || btnName, btn.param || btnName, btn.forceCss);\n\n return false;\n }\n });\n\n if (isDropdown) {\n $btn.addClass(prefix + 'open-dropdown');\n var dropdownPrefix = prefix + 'dropdown',\n dropdownOptions = { // the dropdown\n class: dropdownPrefix + '-' + btnName + ' ' + dropdownPrefix + ' ' + prefix + 'fixed-top ' + (btn.dropdownClass || '')\n };\n dropdownOptions['data-' + dropdownPrefix] = btnName;\n var $dropdown = $('', dropdownOptions);\n $.each(isDropdown, function (i, def) {\n if (t.btnsDef[def] && t.isSupportedBtn(def)) {\n $dropdown.append(t.buildSubBtn(def));\n }\n });\n t.$box.append($dropdown.hide());\n } else if (btn.key) {\n t.keys[btn.key] = {\n fn: btn.fn || btnName,\n param: btn.param || btnName\n };\n }\n\n if (!isDropdown) {\n t.tagToButton[(btn.tag || btnName).toLowerCase()] = btnName;\n }\n\n return $btn;\n },\n // Build a button for dropdown menu\n // @param n : name of the subbutton\n buildSubBtn: function (btnName) {\n var t = this,\n prefix = t.o.prefix,\n btn = t.btnsDef[btnName],\n hasIcon = btn.hasIcon != null ? btn.hasIcon : true;\n\n if (btn.key) {\n t.keys[btn.key] = {\n fn: btn.fn || btnName,\n param: btn.param || btnName\n };\n }\n\n t.tagToButton[(btn.tag || btnName).toLowerCase()] = btnName;\n\n return $('', {\n type: 'button',\n class: prefix + btnName + '-dropdown-button ' + (btn.class || '') + (btn.ico ? ' ' + prefix + btn.ico + '-button' : ''),\n html: t.hasSvg && hasIcon ?\n '' + (btn.text || btn.title || t.lang[btnName] || btnName) :\n (btn.text || btn.title || t.lang[btnName] || btnName),\n title: (btn.key ? '(' + (t.isMac ? 'Cmd' : 'Ctrl') + ' + ' + btn.key + ')' : null),\n style: btn.style || null,\n mousedown: function () {\n $('body', t.doc).trigger('mousedown');\n\n t.execCmd(btn.fn || btnName, btn.param || btnName, btn.forceCss);\n\n return false;\n }\n });\n },\n // Check if button is supported\n isSupportedBtn: function (btnName) {\n try {\n return this.btnsDef[btnName].isSupported();\n } catch (e) {\n }\n return true;\n },\n\n // Build overlay for modal box\n buildOverlay: function () {\n var t = this;\n t.$overlay = $('', {\n class: t.o.prefix + 'overlay'\n }).appendTo(t.$box);\n return t.$overlay;\n },\n showOverlay: function () {\n var t = this;\n $(window).trigger('scroll');\n t.$overlay.fadeIn(200);\n t.$box.addClass(t.o.prefix + 'box-blur');\n },\n hideOverlay: function () {\n var t = this;\n t.$overlay.fadeOut(50);\n t.$box.removeClass(t.o.prefix + 'box-blur');\n },\n\n // Management of fixed button pane\n fixedBtnPaneEvents: function () {\n var t = this,\n fixedFullWidth = t.o.fixedFullWidth,\n $box = t.$box;\n\n if (!t.o.fixedBtnPane) {\n return;\n }\n\n t.isFixed = false;\n\n $(window)\n .on('scroll.' + t.eventNamespace + ' resize.' + t.eventNamespace, function () {\n if (!$box) {\n return;\n }\n\n t.syncCode();\n\n var scrollTop = $(window).scrollTop(),\n offset = $box.offset().top + 1,\n $buttonPane = t.$btnPane,\n buttonPaneOuterHeight = $buttonPane.outerHeight() - 2;\n\n if ((scrollTop - offset > 0) && ((scrollTop - offset - t.height) < 0)) {\n if (!t.isFixed) {\n t.isFixed = true;\n $buttonPane.css({\n position: 'fixed',\n top: 0,\n left: fixedFullWidth ? 0 : 'auto',\n zIndex: 7\n });\n t.$box.css({paddingTop: $buttonPane.height()});\n }\n $buttonPane.css({\n width: fixedFullWidth ? '100%' : (($box.width() - 1))\n });\n\n $('.' + t.o.prefix + 'fixed-top', $box).css({\n position: fixedFullWidth ? 'fixed' : 'absolute',\n top: fixedFullWidth ? buttonPaneOuterHeight : buttonPaneOuterHeight + (scrollTop - offset),\n zIndex: 15\n });\n } else if (t.isFixed) {\n t.isFixed = false;\n $buttonPane.removeAttr('style');\n t.$box.css({paddingTop: 0});\n $('.' + t.o.prefix + 'fixed-top', $box).css({\n position: 'absolute',\n top: buttonPaneOuterHeight\n });\n }\n });\n },\n\n // Disable editor\n setDisabled: function (disable) {\n var t = this,\n prefix = t.o.prefix;\n\n t.disabled = disable;\n\n if (disable) {\n t.$ta.attr('disabled', true);\n } else {\n t.$ta.removeAttr('disabled');\n }\n t.$box.toggleClass(prefix + 'disabled', disable);\n t.$ed.attr('contenteditable', !disable);\n },\n\n // Destroy the editor\n destroy: function () {\n var t = this,\n prefix = t.o.prefix;\n\n if (t.isTextarea) {\n t.$box.after(\n t.$ta\n .css({height: ''})\n .val(t.html())\n .removeClass(prefix + 'textarea')\n .show()\n );\n } else {\n t.$box.after(\n t.$edBox\n .css({height: ''})\n .removeClass(prefix + 'editor')\n .removeAttr('contenteditable')\n .removeAttr('dir')\n .html(t.html())\n .show()\n );\n }\n\n t.$ed.off('dblclick', 'img');\n\n t.destroyPlugins();\n\n t.$box.remove();\n t.$c.removeData('trumbowyg');\n $('body').removeClass(prefix + 'body-fullscreen');\n t.$c.trigger('tbwclose');\n $(window).off('scroll.' + t.eventNamespace + ' resize.' + t.eventNamespace);\n $(t.doc.body).off('keydown.' + t.eventNamespace);\n },\n\n\n // Empty the editor\n empty: function () {\n this.doc.execCommand('insertHTML', false, '');\n this.$ta.val('');\n this.syncCode(true);\n },\n\n\n // Function call when click on viewHTML button\n toggle: function () {\n var t = this,\n prefix = t.o.prefix;\n\n if (t.o.autogrowOnEnter) {\n t.autogrowOnEnterDontClose = !t.$box.hasClass(prefix + 'editor-hidden');\n }\n\n t.semanticCode(false, true);\n t.$c.trigger('tbwchange');\n\n setTimeout(function () {\n t.doc.activeElement.blur();\n t.$box.toggleClass(prefix + 'editor-hidden ' + prefix + 'editor-visible');\n t.$btnPane.toggleClass(prefix + 'disable');\n $('.' + prefix + 'viewHTML-button', t.$btnPane).toggleClass(prefix + 'active');\n if (t.$box.hasClass(prefix + 'editor-visible')) {\n t.$ta.attr('tabindex', -1);\n } else {\n t.$ta.removeAttr('tabindex');\n }\n\n if (t.o.autogrowOnEnter && !t.autogrowOnEnterDontClose) {\n t.autogrowEditorOnEnter();\n }\n }, 0);\n },\n\n // Remove or add flags to span tags to remove Chrome generated spans\n toggleSpan: function (addFlag) {\n var t = this;\n t.$ed.find('span').each(function () {\n if (addFlag === true) {\n $(this).attr('data-tbw-flag', true);\n } else {\n if ($(this).attr('data-tbw-flag')) {\n $(this).removeAttr('data-tbw-flag');\n } else {\n $(this).contents().unwrap();\n }\n }\n });\n },\n\n // Open dropdown when click on a button which open that\n dropdown: function (name) {\n var t = this,\n $body = $('body', t.doc),\n prefix = t.o.prefix,\n $dropdown = $('[data-' + prefix + 'dropdown=' + name + ']', t.$box),\n $btn = $('.' + prefix + name + '-button', t.$btnPane),\n show = $dropdown.is(':hidden');\n\n $body.trigger('mousedown');\n\n if (show) {\n var btnOffsetLeft = $btn.offset().left;\n $btn.addClass(prefix + 'active');\n\n $dropdown.css({\n position: 'absolute',\n top: $btn.offset().top - t.$btnPane.offset().top + $btn.outerHeight(),\n left: (t.o.fixedFullWidth && t.isFixed) ? btnOffsetLeft : (btnOffsetLeft - t.$btnPane.offset().left)\n }).show();\n\n $(window).trigger('scroll');\n\n $body.on('mousedown.' + t.eventNamespace, function (e) {\n if (!$dropdown.is(e.target)) {\n $('.' + prefix + 'dropdown', t.$box).hide();\n $('.' + prefix + 'active', t.$btnPane).removeClass(prefix + 'active');\n $body.off('mousedown.' + t.eventNamespace);\n }\n });\n }\n },\n\n\n // HTML Code management\n html: function (html) {\n var t = this;\n\n if (html != null) {\n t.$ta.val(html);\n t.syncCode(true);\n t.$c.trigger('tbwchange');\n return t;\n }\n\n return t.$ta.val();\n },\n syncTextarea: function () {\n var t = this;\n t.$ta.val(t.$ed.text().trim().length > 0 || t.$ed.find(t.o.tagsToKeep.join(',')).length > 0 ? t.$ed.html() : '');\n },\n syncCode: function (force) {\n var t = this;\n if (!force && t.$ed.is(':visible')) {\n t.syncTextarea();\n } else {\n // wrap the content in a div it's easier to get the inner html\n var html = $('\n // @param keepRange : leave selection range as it is\n semanticCode: function (force, full, keepRange) {\n var t = this;\n t.saveRange();\n t.syncCode(force);\n\n var restoreRange = true;\n if (t.range && t.range.collapsed) {\n restoreRange = false;\n }\n\n if (t.o.semantic) {\n t.semanticTag('b', t.o.semanticKeepAttributes);\n t.semanticTag('i', t.o.semanticKeepAttributes);\n t.semanticTag('s', t.o.semanticKeepAttributes);\n t.semanticTag('strike', t.o.semanticKeepAttributes);\n\n if (full) {\n var inlineElementsSelector = t.o.inlineElementsSelector,\n blockElementsSelector = ':not(' + inlineElementsSelector + ')';\n\n // Wrap text nodes in span for easier processing\n t.$ed.contents().filter(function () {\n return this.nodeType === 3 && this.nodeValue.trim().length > 0;\n }).wrap('');\n\n // Wrap groups of inline elements in paragraphs (recursive)\n var wrapInlinesInParagraphsFrom = function ($from) {\n if ($from.length !== 0) {\n var $finalParagraph = $from.nextUntil(blockElementsSelector).addBack().wrapAll('
').parent(),\n $nextElement = $finalParagraph.nextAll(inlineElementsSelector).first();\n $finalParagraph.next('br').remove();\n wrapInlinesInParagraphsFrom($nextElement);\n }\n };\n wrapInlinesInParagraphsFrom(t.$ed.children(inlineElementsSelector).first());\n\n t.semanticTag('div', true);\n\n // Get rid of temporary span's\n $('[data-tbw]', t.$ed).contents().unwrap();\n\n // Remove empty\n t.$ed.find('p:empty').remove();\n }\n\n if (!keepRange && restoreRange) {\n t.restoreRange();\n }\n\n t.syncTextarea();\n }\n },\n\n semanticTag: function (oldTag, copyAttributes, revert) {\n var newTag, t = this;\n var tmpTag = oldTag;\n\n if (this.o.semantic != null && typeof this.o.semantic === 'object' && this.o.semantic.hasOwnProperty(oldTag)) {\n newTag = this.o.semantic[oldTag];\n } else if (this.o.semantic === true && this.DEFAULT_SEMANTIC_MAP.hasOwnProperty(oldTag)) {\n newTag = this.DEFAULT_SEMANTIC_MAP[oldTag];\n } else {\n return;\n }\n\n if (revert) {\n oldTag = newTag;\n newTag = tmpTag;\n }\n\n $(oldTag, this.$ed).each(function () {\n var resetRange = false;\n var $oldTag = $(this);\n if ($oldTag.contents().length === 0) {\n return false;\n }\n\n if (t.range && t.range.startContainer.parentNode === this) {\n resetRange = true;\n }\n var $newTag = $('<' + newTag + '/>');\n $newTag.insertBefore($oldTag);\n if (copyAttributes) {\n $.each($oldTag.prop('attributes'), function () {\n $newTag.attr(this.name, this.value);\n });\n }\n $newTag.html($oldTag.html());\n $oldTag.remove();\n if (resetRange === true) {\n t.range.selectNodeContents($newTag.get(0));\n t.range.collapse(false);\n }\n });\n },\n\n // Function call when user click on \"Insert Link\"\n createLink: function () {\n var t = this,\n documentSelection = t.doc.getSelection(),\n selectedRange = documentSelection.getRangeAt(0),\n node = documentSelection.focusNode,\n text = new XMLSerializer().serializeToString(selectedRange.cloneContents()) || selectedRange + '',\n url,\n title,\n target,\n linkDefaultTarget = t.o.linkTargets[0];\n\n while (['A', 'DIV'].indexOf(node.nodeName) < 0) {\n node = node.parentNode;\n }\n\n if (node && node.nodeName === 'A') {\n var $a = $(node);\n text = $a.text();\n url = $a.attr('href');\n if (!t.o.minimalLinks) {\n title = $a.attr('title');\n target = $a.attr('target') || linkDefaultTarget;\n }\n var range = t.doc.createRange();\n range.selectNode(node);\n documentSelection.removeAllRanges();\n documentSelection.addRange(range);\n }\n\n t.saveRange();\n\n var options = {\n url: {\n label: t.lang.linkUrl || 'URL',\n required: true,\n value: url\n },\n text: {\n label: t.lang.text,\n value: text\n }\n };\n if (!t.o.minimalLinks) {\n var targetOptions = t.o.linkTargets.reduce(function (options, optionValue) {\n options[optionValue] = t.lang[optionValue];\n\n return options;\n }, {});\n\n $.extend(options, {\n title: {\n label: t.lang.title,\n value: title\n },\n target: {\n label: t.lang.target,\n value: target,\n options: targetOptions\n }\n });\n }\n\n t.openModalInsert(t.lang.createLink, options, function (v) { // v is value\n var url = t.prependUrlPrefix(v.url);\n if (!url.length) {\n return false;\n }\n\n var link = $(['', v.text || v.url, ''].join(''));\n\n if (v.title) {\n link.attr('title', v.title);\n }\n if (v.target || linkDefaultTarget) {\n link.attr('target', v.target || linkDefaultTarget);\n }\n t.range.deleteContents();\n t.range.insertNode(link[0]);\n t.syncCode();\n t.$c.trigger('tbwchange');\n return true;\n });\n },\n prependUrlPrefix: function (url) {\n var t = this;\n if (!t.urlPrefix) {\n return url;\n }\n\n var VALID_LINK_PREFIX = /^([a-z][-+.a-z0-9]*:|\\/|#)/i;\n if (VALID_LINK_PREFIX.test(url)) {\n return url;\n }\n\n var SIMPLE_EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (SIMPLE_EMAIL_REGEX.test(url)) {\n return 'mailto:' + url;\n }\n\n return t.urlPrefix + url;\n },\n unlink: function () {\n var t = this,\n documentSelection = t.doc.getSelection(),\n node = documentSelection.focusNode;\n\n if (documentSelection.isCollapsed) {\n while (['A', 'DIV'].indexOf(node.nodeName) < 0) {\n node = node.parentNode;\n }\n\n if (node && node.nodeName === 'A') {\n var range = t.doc.createRange();\n range.selectNode(node);\n documentSelection.removeAllRanges();\n documentSelection.addRange(range);\n }\n }\n t.execCmd('unlink', undefined, undefined, true);\n },\n insertImage: function () {\n var t = this;\n t.saveRange();\n\n var options = {\n url: {\n label: 'URL',\n required: true\n },\n alt: {\n label: t.lang.description,\n value: t.getRangeText()\n }\n };\n\n if (t.o.imageWidthModalEdit) {\n options.width = {};\n }\n\n t.openModalInsert(t.lang.insertImage, options, function (v) { // v are values\n t.execCmd('insertImage', v.url, false, true);\n var $img = $('img[src=\"' + v.url + '\"]:not([alt])', t.$box);\n $img.attr('alt', v.alt);\n\n if (t.o.imageWidthModalEdit) {\n $img.attr({\n width: v.width\n });\n }\n\n t.syncCode();\n t.$c.trigger('tbwchange');\n\n return true;\n });\n },\n fullscreen: function () {\n var t = this,\n prefix = t.o.prefix,\n fullscreenCssClass = prefix + 'fullscreen',\n fullscreenPlaceholderClass = fullscreenCssClass + '-placeholder',\n isFullscreen,\n editorHeight = t.$box.outerHeight();\n\n t.$box.toggleClass(fullscreenCssClass);\n isFullscreen = t.$box.hasClass(fullscreenCssClass);\n\n if (isFullscreen) {\n t.$box.before(\n $('
', {\n class: fullscreenPlaceholderClass\n }).css({\n height: editorHeight\n })\n );\n } else {\n $('.' + fullscreenPlaceholderClass).remove();\n }\n\n $('body').toggleClass(prefix + 'body-fullscreen', isFullscreen);\n $(window).trigger('scroll');\n t.$c.trigger('tbw' + (isFullscreen ? 'open' : 'close') + 'fullscreen');\n },\n\n applyTagClasses: function () {\n var t = this;\n for (const tag of Object.keys(t.o.tagClasses)) {\n $(tag, t.$ed).addClass(t.o.tagClasses[tag]);\n }\n t.syncCode();\n },\n\n /*\n * Call method of trumbowyg if exist\n * else try to call anonymous function\n * and finally native execCommand\n */\n execCmd: function (cmd, param, forceCss, skipTrumbowyg) {\n var t = this;\n skipTrumbowyg = !!skipTrumbowyg || '';\n\n if (cmd !== 'dropdown') {\n t.$ed.focus();\n }\n\n if (cmd === 'strikethrough' && t.o.semantic) {\n t.semanticTag('strike', t.o.semanticKeepAttributes, true); // browsers cannot undo e.g.