commit

2020-12-25 00:33:22 +01:00
parent 8b7f911d9e 36bbcf0d04
commit 3f2d64e4bd
76 changed files with 769 additions and 85 deletions
--- a/src/editor/images/anchor_end.svg
+++ b/src/editor/images/anchor_end.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
+ <g class="layer">
+  <title>Layer 1</title>
+  <text fill="#000000" font-family="serif" font-size="9" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="12" xml:space="preserve" y="14.66667">abcd</text>
+  <line fill="none" id="svg_1" stroke="#ff7f00" stroke-width="2" x1="21.46429" x2="21.46429" y1="4.95685" y2="18.62351"/>
+ </g>
+</svg>
--- a/src/editor/images/anchor_middle.svg
+++ b/src/editor/images/anchor_middle.svg
@@ -0,0 +1,8 @@
+ <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
+ <g class="layer">
+  <title>Layer 1</title>
+  <text fill="#000000" font-family="serif" font-size="9" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="12" xml:space="preserve" y="14.66667">abcd</text>
+  <line fill="none" id="svg_1" stroke="#ff7f00" stroke-width="2" x1="11.75" x2="11.75" y1="4.38542" y2="18.05208"/>
+ </g>
+</svg>
--- a/src/editor/images/anchor_start.svg
+++ b/src/editor/images/anchor_start.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+ <!-- Created with SVG-edit - https://github.com/SVG-Edit/svgedit-->
+ <g class="layer">
+  <title>Layer 1</title>
+  <text fill="#000000" font-family="serif" font-size="9" id="svg_2" stroke="#000000" stroke-width="0" text-anchor="middle" x="12" xml:space="preserve" y="14.66667">abcd</text>
+  <line fill="none" id="svg_1" stroke="#ff7f00" stroke-width="2" x1="1.5" x2="1.5" y1="5.63542" y2="19.30208"/>
+ </g>
+</svg>
--- a/src/editor/index.html
+++ b/src/editor/index.html
@@ -231,6 +231,9 @@
          <div class="toolset">
            <se-button id="tool_bold" size="small" title="Bold Text [B]" src="./images/bold.svg" shortcut="B"></se-button>
            <se-button id="tool_italic" size="small" title="Italic Text [I]" src="./images/italic.svg" shortcut="I"></se-button>
+            <se-button id="tool_text_anchor_start" size="small" title="Align the text from start" src="./images/anchor_start.svg"></se-button>
+            <se-button id="tool_text_anchor_middle" size="small" title="Align the text from middle" src="./images/anchor_middle.svg"></se-button>
+            <se-button id="tool_text_anchor_end" size="small" title="Align the text from end" src="./images/anchor_end.svg"></se-button>
          </div>
          <div class="toolset" id="tool_font_family">
            <label>
@@ -409,4 +412,4 @@
  </div>
 </body>

-</html>
+</html>
--- a/src/editor/locale.js
+++ b/src/editor/locale.js
@@ -288,6 +288,9 @@ export const readLang = function (langData) {
    tool_angle: properties.angle,
    tool_blur: properties.blur,
    tool_bold: properties.bold,
+    tool_text_anchor_start: properties.text_anchor_start,
+    tool_text_anchor_middle: properties.text_anchor_middle,
+    tool_text_anchor_end: properties.text_anchor_end,
    tool_circle: tools.mode_circle,
    tool_clone: tools.clone,
    tool_clone_multi: tools.clone,
@@ -303,6 +306,7 @@ export const readLang = function (langData) {
    tool_link_url: tools.set_link_url,
    tool_image: tools.mode_image,
    tool_italic: properties.italic,
+
    tool_line: tools.mode_line,
    tool_move_bottom: tools.move_bottom,
    tool_move_top: tools.move_top,
--- a/src/editor/locale/lang.af.js
+++ b/src/editor/locale/lang.af.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Lettertipe verander Familie',
    font_size: 'Verandering Lettertipe Grootte',
    bold: 'Vetgedrukte teks',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ar.js
+++ b/src/editor/locale/lang.ar.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'تغيير الخط الأسرة',
    font_size: 'تغيير حجم الخط',
    bold: 'نص جريء',
-    italic: 'مائل نص'
+    italic: 'مائل نص',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.az.js
+++ b/src/editor/locale/lang.az.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Font Family',
    font_size: 'Change Font Size',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.be.js
+++ b/src/editor/locale/lang.be.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Змены Сямейства шрыфтоў',
    font_size: 'Змяніць памер шрыфта',
    bold: 'Тоўсты тэкст',
-    italic: 'Нахілены тэкст'
+    italic: 'Нахілены тэкст',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.bg.js
+++ b/src/editor/locale/lang.bg.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Промяна на шрифта Семейство',
    font_size: 'Промени размера на буквите',
    bold: 'Получер текст',
-    italic: 'Курсив текст'
+    italic: 'Курсив текст',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ca.js
+++ b/src/editor/locale/lang.ca.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Canviar la font Família',
    font_size: 'Change Font Size',
    bold: 'Text en negreta',
-    italic: 'Text en cursiva'
+    italic: 'Text en cursiva',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.cs.js
+++ b/src/editor/locale/lang.cs.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Změnit font',
    font_size: 'Změnit velikost písma',
    bold: 'Tučně',
-    italic: 'Kurzíva'
+    italic: 'Kurzíva',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Hlavní menu',
--- a/src/editor/locale/lang.cy.js
+++ b/src/editor/locale/lang.cy.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Newid Font Teulu',
    font_size: 'Newid Maint Ffont',
    bold: 'Testun Bras',
-    italic: 'Italig Testun'
+    italic: 'Italig Testun',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.da.js
+++ b/src/editor/locale/lang.da.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Skift Font Family',
    font_size: 'Skift skriftstørrelse',
    bold: 'Fed tekst',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.de.js
+++ b/src/editor/locale/lang.de.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Schriftart wählen',
    font_size: 'Schriftgröße einstellen',
    bold: 'Fetter Text',
-    italic: 'Kursiver Text'
+    italic: 'Kursiver Text',
+    text_anchor_start: 'Den Text linksbündig ausrichten',
+    text_anchor_middle: 'Den Text zentriert ausrichten',
+    text_anchor_end: 'Den Text rechtsbündig ausrichten'
  },
  tools: {
    main_menu: 'Hauptmenü',
--- a/src/editor/locale/lang.el.js
+++ b/src/editor/locale/lang.el.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Αλλαγή γραμματοσειράς Οικογένεια',
    font_size: 'Αλλαγή μεγέθους γραμματοσειράς',
    bold: 'Bold Text',
-    italic: 'Πλάγιους'
+    italic: 'Πλάγιους',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.en.js
+++ b/src/editor/locale/lang.en.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Font Family',
    font_size: 'Change Font Size',
    bold: 'Bold Text [B]',
-    italic: 'Italic Text [I]'
+    italic: 'Italic Text [I]',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.es.js
+++ b/src/editor/locale/lang.es.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Tipo de fuente',
    font_size: 'Tamaño de la fuente',
    bold: 'Texto en negrita',
-    italic: 'Texto en cursiva'
+    italic: 'Texto en cursiva',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menú principal',
--- a/src/editor/locale/lang.et.js
+++ b/src/editor/locale/lang.et.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Muutke Kirjasinperhe',
    font_size: 'Change font size',
    bold: 'Rasvane kiri',
-    italic: 'Kursiiv'
+    italic: 'Kursiiv',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.fa.js
+++ b/src/editor/locale/lang.fa.js
@@ -70,7 +70,10 @@ export default {
    font_family: '‫تغییر خانواده قلم‬',
    font_size: '‫تغییر اندازه قلم‬',
    bold: '‫متن توپر ‬',
-    italic: '‫متن کج ‬'
+    italic: '‫متن کج ‬',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.fi.js
+++ b/src/editor/locale/lang.fi.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Muuta Font Family',
    font_size: 'Muuta fontin kokoa',
    bold: 'Lihavoitu teksti',
-    italic: 'Kursivoitu'
+    italic: 'Kursivoitu',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.fr.js
+++ b/src/editor/locale/lang.fr.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Changer la famille de police',
    font_size: 'Changer la taille de la police',
    bold: 'Texte en gras',
-    italic: 'Texte en italique'
+    italic: 'Texte en italique',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menu principal',
--- a/src/editor/locale/lang.fy.js
+++ b/src/editor/locale/lang.fy.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Lettertype oanpasse',
    font_size: 'Lettergrutte oanpasse',
    bold: 'Fet',
-    italic: 'Skean'
+    italic: 'Skean',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ga.js
+++ b/src/editor/locale/lang.ga.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Athraigh an Cló Teaghlaigh',
    font_size: 'Athraigh Clómhéid',
    bold: 'Trom Téacs',
-    italic: 'Iodálach Téacs'
+    italic: 'Iodálach Téacs',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.gl.js
+++ b/src/editor/locale/lang.gl.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Cambiar fonte Familia',
    font_size: 'Mudar tamaño de letra',
    bold: 'Bold Text',
-    italic: 'Texto en cursiva'
+    italic: 'Texto en cursiva',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.he.js
+++ b/src/editor/locale/lang.he.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'שינוי גופן משפחה',
    font_size: 'שנה גודל גופן',
    bold: 'טקסט מודגש',
-    italic: 'טקסט נטוי'
+    italic: 'טקסט נטוי',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.hi.js
+++ b/src/editor/locale/lang.hi.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'बदलें फ़ॉन्ट परिवार',
    font_size: 'फ़ॉन्ट का आकार बदलें',
    bold: 'मोटा पाठ',
-    italic: 'इटैलिक पाठ'
+    italic: 'इटैलिक पाठ',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.hr.js
+++ b/src/editor/locale/lang.hr.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Promjena fontova',
    font_size: 'Change font size',
    bold: 'Podebljani tekst',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.hu.js
+++ b/src/editor/locale/lang.hu.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Betűcsalád',
    font_size: 'Change font size',
    bold: 'Félkövér szöveg',
-    italic: 'Dőlt szöveg'
+    italic: 'Dőlt szöveg',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.hy.js
+++ b/src/editor/locale/lang.hy.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Font Family',
    font_size: 'Change Font Size',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.id.js
+++ b/src/editor/locale/lang.id.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Ubah Font Keluarga',
    font_size: 'Ubah Ukuran Font',
    bold: 'Bold Teks',
-    italic: 'Italic Teks'
+    italic: 'Italic Teks',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.is.js
+++ b/src/editor/locale/lang.is.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Leturfjölskylda',
    font_size: 'Breyta leturstærð',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.it.js
+++ b/src/editor/locale/lang.it.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Cambia il tipo di Font',
    font_size: 'Modifica dimensione carattere',
    bold: 'Grassetto',
-    italic: 'Corsivo'
+    italic: 'Corsivo',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menù principale',
--- a/src/editor/locale/lang.ja.js
+++ b/src/editor/locale/lang.ja.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'フォントファミリーの変更',
    font_size: '文字サイズの変更',
    bold: '太字',
-    italic: 'イタリック体'
+    italic: 'イタリック体',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ko.js
+++ b/src/editor/locale/lang.ko.js
@@ -70,7 +70,10 @@ export default {
    font_family: '글꼴 변경 패밀리',
    font_size: '글꼴 크기 변경',
    bold: '굵은 텍스트',
-    italic: '기울임꼴 텍스트'
+    italic: '기울임꼴 텍스트',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.lt.js
+++ b/src/editor/locale/lang.lt.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Pakeistišriftą Šeima',
    font_size: 'Change font size',
    bold: 'Pusjuodis',
-    italic: 'Kursyvas'
+    italic: 'Kursyvas',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.lv.js
+++ b/src/editor/locale/lang.lv.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Mainīt fonta Family',
    font_size: 'Mainīt fonta izmēru',
    bold: 'Bold Text',
-    italic: 'Kursīvs'
+    italic: 'Kursīvs',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.mk.js
+++ b/src/editor/locale/lang.mk.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Смени фонт Фамилија',
    font_size: 'Изменифонт Големина',
    bold: 'Задебелен текст',
-    italic: 'Italic текст'
+    italic: 'Italic текст',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ms.js
+++ b/src/editor/locale/lang.ms.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Tukar Font Keluarga',
    font_size: 'Ubah Saiz Font',
    bold: 'Bold Teks',
-    italic: 'Italic Teks'
+    italic: 'Italic Teks',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.mt.js
+++ b/src/editor/locale/lang.mt.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Bidla Font Familja',
    font_size: 'Change font size',
    bold: 'Bold Test',
-    italic: 'Test korsiv'
+    italic: 'Test korsiv',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.nl.js
+++ b/src/editor/locale/lang.nl.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Verander lettertype',
    font_size: 'Verander lettertype grootte',
    bold: 'Vet',
-    italic: 'Cursief'
+    italic: 'Cursief',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Hoofdmenu',
--- a/src/editor/locale/lang.no.js
+++ b/src/editor/locale/lang.no.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Font Family',
    font_size: 'Endre skriftstørrelse',
    bold: 'Fet tekst',
-    italic: 'Kursiv tekst'
+    italic: 'Kursiv tekst',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.pl.js
+++ b/src/editor/locale/lang.pl.js
@@ -71,7 +71,10 @@ export default {
    font_family: 'Zmień krój czcionki',
    font_size: 'Zmień rozmiar czcionki',
    bold: 'Pogrubienie textu',
-    italic: 'Kursywa'
+    italic: 'Kursywa',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menu główne',
--- a/src/editor/locale/lang.pt-BR.js
+++ b/src/editor/locale/lang.pt-BR.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Mudar o estilo da fonte',
    font_size: 'Mudar o tamanho da fonte',
    bold: 'Negrito',
-    italic: 'Italico'
+    italic: 'Italico',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menu Principal',
--- a/src/editor/locale/lang.pt-PT.js
+++ b/src/editor/locale/lang.pt-PT.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Alterar fonte Família',
    font_size: 'Alterar tamanho de letra',
    bold: 'Bold Text',
-    italic: 'Texto em itálico'
+    italic: 'Texto em itálico',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.ro.js
+++ b/src/editor/locale/lang.ro.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Modificare familie de fonturi',
    font_size: 'Schimbă dimensiunea fontului',
    bold: 'Text Îngroşat',
-    italic: 'Text Înclinat'
+    italic: 'Text Înclinat',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Menu Principal',
--- a/src/editor/locale/lang.ru.js
+++ b/src/editor/locale/lang.ru.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Изменить семейство шрифтов',
    font_size: 'Изменить размер шрифта',
    bold: 'Жирный',
-    italic: 'Курсив'
+    italic: 'Курсив',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Главное меню',
--- a/src/editor/locale/lang.sk.js
+++ b/src/editor/locale/lang.sk.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Zmeniť font',
    font_size: 'Zmeniť veľkosť písma',
    bold: 'Tučné',
-    italic: 'Kurzíva'
+    italic: 'Kurzíva',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Hlavné menu',
--- a/src/editor/locale/lang.sl.js
+++ b/src/editor/locale/lang.sl.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Spremeni tip pisave',
    font_size: 'Spremeni velikost pisave',
    bold: 'Krepko',
-    italic: 'Poševno'
+    italic: 'Poševno',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Glavni meni',
--- a/src/editor/locale/lang.sq.js
+++ b/src/editor/locale/lang.sq.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Ndryshimi Font Family',
    font_size: 'Ndryshimi Font Size',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.sr.js
+++ b/src/editor/locale/lang.sr.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Цханге фонт породицу',
    font_size: 'Цханге фонт сизе',
    bold: 'Подебљан текст',
-    italic: 'Италиц текст'
+    italic: 'Италиц текст',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.sv.js
+++ b/src/editor/locale/lang.sv.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Ändra Typsnitt',
    font_size: 'Ändra textstorlek',
    bold: 'Fet text',
-    italic: 'Kursiv text'
+    italic: 'Kursiv text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.sw.js
+++ b/src/editor/locale/lang.sw.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change font Family',
    font_size: 'Change font Size',
    bold: 'Bold Nakala',
-    italic: 'Italiki Nakala'
+    italic: 'Italiki Nakala',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.test.js
+++ b/src/editor/locale/lang.test.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Change Font Family',
    font_size: 'Change Font Size',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.th.js
+++ b/src/editor/locale/lang.th.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'ครอบครัว Change Font',
    font_size: 'เปลี่ยนขนาดตัวอักษร',
    bold: 'ข้อความตัวหนา',
-    italic: 'ข้อความตัวเอียง'
+    italic: 'ข้อความตัวเอียง',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.tl.js
+++ b/src/editor/locale/lang.tl.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Baguhin ang Pamilya ng Font',
    font_size: 'Baguhin ang Laki ng Font',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.tr.js
+++ b/src/editor/locale/lang.tr.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Font değiştir Aile',
    font_size: 'Change font size',
    bold: 'Kalın Yazı',
-    italic: 'Italik yazı'
+    italic: 'Italik yazı',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.uk.js
+++ b/src/editor/locale/lang.uk.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Зміни Сімейство шрифтів',
    font_size: 'Змінити розмір шрифту',
    bold: 'Товстий текст',
-    italic: 'Похилий текст'
+    italic: 'Похилий текст',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.vi.js
+++ b/src/editor/locale/lang.vi.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'Thay đổi Font Gia đình',
    font_size: 'Thay đổi cỡ chữ',
    bold: 'Bold Text',
-    italic: 'Italic Text'
+    italic: 'Italic Text',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.yi.js
+++ b/src/editor/locale/lang.yi.js
@@ -70,7 +70,10 @@ export default {
    font_family: 'ענדערן פאָנט פאַמילי',
    font_size: 'בייטן פאָנט גרייס',
    bold: 'דרייסט טעקסט',
-    italic: 'יטאַליק טעקסט'
+    italic: 'יטאַליק טעקסט',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.zh-CN.js
+++ b/src/editor/locale/lang.zh-CN.js
@@ -70,7 +70,10 @@ export default {
    font_family: '更改字体样式',
    font_size: '更改字体大小',
    bold: '粗体',
-    italic: '斜体'
+    italic: '斜体',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: '主菜单',
--- a/src/editor/locale/lang.zh-HK.js
+++ b/src/editor/locale/lang.zh-HK.js
@@ -70,7 +70,10 @@ export default {
    font_family: '更改字体家族',
    font_size: '更改字体大小',
    bold: '粗体',
-    italic: '斜体文本'
+    italic: '斜体文本',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/locale/lang.zh-TW.js
+++ b/src/editor/locale/lang.zh-TW.js
@@ -70,7 +70,10 @@ export default {
    font_family: '更改字體',
    font_size: '更改字體大小',
    bold: '粗體',
-    italic: '斜體'
+    italic: '斜體',
+    text_anchor_start: 'Align the text in start',
+    text_anchor_middle: 'Align the text in middle',
+    text_anchor_end: 'Align the text in end'
  },
  tools: {
    main_menu: 'Main Menu',
--- a/src/editor/svgedit.js
+++ b/src/editor/svgedit.js
@@ -515,6 +515,26 @@ editor.init = () => {
          $('#font_family').val(elem.getAttribute('font-family'));
          $('#font_size').val(elem.getAttribute('font-size'));
          $('#text').val(elem.textContent);
+          const textAnchorStart = $id('tool_text_anchor_start');
+          const textAnchorMiddle = $id('tool_text_anchor_middle');
+          const textAnchorEnd = $id('tool_text_anchor_end');
+          switch (elem.getAttribute('text-anchor')) {
+          case 'start':
+            textAnchorStart.pressed = true;
+            textAnchorMiddle.pressed = false;
+            textAnchorEnd.pressed = false;
+            break;
+          case 'middle':
+            textAnchorStart.pressed = false;
+            textAnchorMiddle.pressed = true;
+            textAnchorEnd.pressed = false;
+            break;
+          case 'end':
+            textAnchorStart.pressed = false;
+            textAnchorMiddle.pressed = false;
+            textAnchorEnd.pressed = true;
+            break;
+          }
          if (svgCanvas.addedNew) {
          // Timeout needed for IE9
            setTimeout(() => {
@@ -2535,6 +2555,17 @@ editor.init = () => {
    return false;
  };

+  /**
+   *
+   * @param {string} value "start","end" or "middle"
+   * @returns {false}
+   */
+  const clickTextAnchor = (value) => {
+    svgCanvas.setTextAnchor(value);
+    updateContextPanel();
+    return false;
+  };
+
  /**
  *
  * @returns {void}
@@ -3193,6 +3224,10 @@ editor.init = () => {

    $id('tool_bold').addEventListener('click', clickBold);
    $id('tool_italic').addEventListener('click', clickItalic);
+    $id('tool_text_anchor_start').addEventListener('click', () => clickTextAnchor('start'));
+    $id('tool_text_anchor_middle').addEventListener('click', () => clickTextAnchor('middle'));
+    $id('tool_text_anchor_end').addEventListener('click', () => clickTextAnchor('end'));
+
    $id('palette').addEventListener('change', handlePalette);

    $id('tool_clear').addEventListener('click', clickClear);
@@ -3496,7 +3531,6 @@ editor.init = () => {
    try {
      svgeditClipboard = localStorage.getItem('svgedit_clipboard');
    } catch (err) {}
-    // eslint-disable-next-line max-len
    canvMenu.setAttribute((svgeditClipboard ? 'en' : 'dis') + 'ablemenuitems', '#paste,#paste_in_place');
  }
  enableOrDisableClipboard();