Add paragraph alignment tunes

README.md

@@ -50,19 +50,21 @@ The Paragraph Tool supports these configuration parameters:
 | ----- | -------- | ------------------ |
 | placeholder | `string` | The placeholder. Will be shown only in the first paragraph when the whole editor is empty.  |
 | preserveBlank | `boolean` | (default: `false`) Whether or not to keep blank paragraphs when saving editor data |
+| defaultAlignment | `left|center|right` | (default: `left`) Where should be aligned the by default the paragraph text |
 
 ## Output data
 
-| Field  | Type     | Description      |
-| ------ | -------- | ---------------- |
-| text   | `string` | paragraph's text |
-
+| Field     | Type                | Description           |
+| ------    | --------            | ----------------      |
+| text      | `string`            | paragraph's text      |
+| alignment | `left|center|right` | paragraph's alignment |
 
 ```json
 {
     "type" : "paragraph",
     "data" : {
         "text" : "Check out our projects on a <a href=\"https://github.com/codex-team\">GitHub page</a>.",
+        "alignment": "left"
     }
 }
 ```

package.json

@@ -39,6 +39,6 @@
     "vite-plugin-dts": "^3.9.1"
   },
   "dependencies": {
-    "@codexteam/icons": "^0.0.4"
+    "@codexteam/icons": "^0.3.0"
   }
 }

src/index.css

@@ -2,6 +2,18 @@
     line-height: 1.6em;
     outline: none;
 }
+.ce-paragraph--right {
+    text-align: right;
+}
+.ce-paragraph--center {
+    text-align: center;
+}
+.ce-paragraph--left {
+    text-align: left;
+}
+.ce-paragraph--justify {
+    text-align: justify;
+}
 
 /**
  * Normally paragraph placeholder is shown only for the focused block (thanks to "data-placeholder-active").