Added word spacing to text formatting tools

src/editor/images/svg_edit_icons.svg

@@ -1093,6 +1093,24 @@
   </svg>
 </g>
 
+<g id="wordspacing">
+  <svg width="44" height="18" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+    <defs>
+      <marker id="se_marker_start_svg_2" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
+        <path d="m0,50l100,40l-30,-40l30,-40l-100,40z" fill="#ff7f00" id="svg_3" stroke="#ff7f00" stroke-width="10"/>
+      </marker>
+      <marker id="se_marker_end_svg_2" markerHeight="5" markerWidth="5" orient="auto" refX="50" refY="50" viewBox="0 0 100 100">
+        <path d="m100,50l-100,40l30,-40l-30,-40l100,40z" fill="#ff7f00" id="svg_4" stroke="#ff7f00" stroke-width="10"/>
+      </marker>
+    </defs>
+    <g class="layer">
+      <title>Layer 1</title>
+      <text fill="#000000" font-family="serif" font-size="15" id="svg_1" stroke="#000000" stroke-width="0" text-anchor="middle" x="21.78779" xml:space="preserve" y="14.00814">A      B</text>
+      <line fill="none" id="svg_2" marker-end="url(#se_marker_end_svg_2)" marker-start="url(#se_marker_start_svg_2)" stroke="#ff7f00" x1="15.19377" x2="28.36873" y1="8.75" y2="8.75"/>
+    </g>
+  </svg>
+</g>
+
 <g id="svg_eof"/>
 
 </svg>

src/editor/index.html

@@ -344,6 +344,20 @@
               </ul>
             </div>
           </div>
+          <div class="toolset" id="tool_word_spacing" title="Change the word spacing of the text">
+            <label>
+              <span id="word_spacing_icon" class="icon_label"></span>
+              <input id="word_spacing" size="3" value="0" type="text" />
+            </label>
+            <div id="word_spacing_dropdown" class="dropdown">
+              <button></button>
+              <ul>
+                <li class="special">
+                  <div id="word_spacing_slider"></div>
+                </li>
+              </ul>
+            </div>
+          </div>
           <div class="toolset" id="tool_font_family">
             <label>
               <!-- Font family -->

src/editor/locale.js

@@ -307,6 +307,7 @@ export const readLang = function (langData) {
     tool_image: tools.mode_image,
     tool_italic: properties.italic,
     tool_letter_spacing: properties.letter_spacing,
+    tool_word_spacing: properties.word_spacing,
 
     tool_line: tools.mode_line,
     tool_move_bottom: tools.move_bottom,

src/editor/locale/lang.af.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ar.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.az.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.be.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.bg.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ca.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.cs.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Hlavní menu',

src/editor/locale/lang.cy.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.da.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.de.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Den Text linksbündig ausrichten',
     text_anchor_middle: 'Den Text zentriert ausrichten',
     text_anchor_end: 'Den Text rechtsbündig ausrichten',
-    letter_spacing: 'Den Abstand zwischen den Buchstabend anpassen'
+    letter_spacing: 'Den Abstand zwischen den Buchstaben anpassen',
+    word_spacing: 'Den Abstand zwischen den einzelnen Wörtern anpassen'
   },
   tools: {
     main_menu: 'Hauptmenü',

src/editor/locale/lang.el.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.en.js

@@ -75,6 +75,7 @@ export default {
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
     letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing',
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.es.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menú principal',

src/editor/locale/lang.et.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.fa.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.fi.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.fr.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menu principal',

src/editor/locale/lang.fy.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ga.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.gl.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.he.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.hi.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.hr.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.hu.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.hy.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.id.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.is.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.it.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menù principale',

src/editor/locale/lang.ja.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ko.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.lt.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.lv.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.mk.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ms.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.mt.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.nl.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Hoofdmenu',

src/editor/locale/lang.no.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.pl.js

@@ -75,7 +75,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menu główne',

src/editor/locale/lang.pt-BR.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menu Principal',

src/editor/locale/lang.pt-PT.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.ro.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Menu Principal',

src/editor/locale/lang.ru.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Главное меню',

src/editor/locale/lang.sk.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Hlavné menu',

src/editor/locale/lang.sl.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Glavni meni',

src/editor/locale/lang.sq.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.sr.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.sv.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.sw.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.test.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.th.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.tl.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.tr.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.uk.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.vi.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.yi.js

@@ -75,6 +75,7 @@ export default {
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
     letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing',
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.zh-CN.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: '主菜单',

src/editor/locale/lang.zh-HK.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/locale/lang.zh-TW.js

@@ -74,7 +74,8 @@ export default {
     text_anchor_start: 'Align the text in start',
     text_anchor_middle: 'Align the text in middle',
     text_anchor_end: 'Align the text in end',
-    letter_spacing: 'Change the letter spacing'
+    letter_spacing: 'Change the letter spacing',
+    word_spacing: 'Change the word spacing'
   },
   tools: {
     main_menu: 'Main Menu',

src/editor/svgedit.js

@@ -1204,6 +1204,7 @@ editor.init = () => {
         '#text_anchor_icon': 'anchor_middle',
         '#text_decoration_icon': 'textdecoration',
         '#letter_spacing_icon': 'letterspacing',
+        '#word_spacing_icon': 'wordspacing',
 
         '.flyout_arrow_horiz': 'arrow_right',
         '.dropdown button, #main_button .dropdown': 'arrow_down',
@@ -2329,6 +2330,9 @@ editor.init = () => {
           const letterSpacingValue = svgCanvas.getLetterSpacing(elem);
           $('#letter_spacing').val(letterSpacingValue);
           $('#letter_spacing_slider').slider('option', 'value', letterSpacingValue);
+          const wordSpacingValue = svgCanvas.getWordSpacing(elem);
+          $('#word_spacing').val(wordSpacingValue);
+          $('#word_spacing_slider').slider('option', 'value', wordSpacingValue);
           $('#font_family').val(elem.getAttribute('font-family'));
           $('#font_size').val(elem.getAttribute('font-size'));
           $('#text').val(elem.textContent);
@@ -3955,6 +3959,31 @@ editor.init = () => {
     svgCanvas.setLetterSpacing(val);
   };
 
+  editor.addDropDown('#word_spacing_dropdown', $.noop);
+
+  $('#word_spacing_slider').slider({
+    step: 1,
+    stop (evt, ui) {
+      changeWordSpacing(ui);
+      $('#word_spacing_dropdown li').show();
+      $(window).mouseup();
+    },
+    slide (evt, ui) {
+      changeWordSpacing(ui, null);
+    }
+  });
+
+  const changeWordSpacing = function (ctl, val) {
+    if (Utils.isNullish(val)) { val = ctl.value; }
+    $('#word_spacing').val(val);
+
+    if (!ctl || !ctl.handle) {
+      $('#word_spacing_slider').slider('option', 'value', val);
+    }
+
+    svgCanvas.setWordSpacing(val);
+  };
+
   /*
 
   When a flyout icon is selected
@@ -5838,6 +5867,9 @@ editor.init = () => {
   $('#letter_spacing').SpinButton({
     min: -1000, step: 1, stateObj, callback: changeLetterSpacing
   });
+  $('#word_spacing').SpinButton({
+    min: -1000, step: 1, stateObj, callback: changeWordSpacing
+  });
   $('#zoom').SpinButton({
     min: 0.001, max: 10000, step: 50, stepfunc: stepZoom,
     stateObj, callback: changeZoom