initial release

Author: David Frank

Align Text Layers.sketchplugin

@@ -0,0 +1,4 @@
+// (cmd option l)
+#import 'helpers.js'
+
+format();

CHANGELOG.md

@@ -0,0 +1,11 @@
+
+Changelog
+=========
+
+
+# 1.x release
+
+## v1.0.0 (master)
+
+- Major: initial release
+

README.md

@@ -4,28 +4,39 @@ sketch-text-align
 
 Properly align text layers regardless of their rectangle box in Sketch
 
+![demo][demo-image]
+
 
 # Motivation
 
-Because Sketch v3.x still has less than ideal support for font-size and line-height, especially when you are dealing with CJK language (Some say it's a limit of OS X). This plugin allow you to align text as imagined, ignoring those incorrectly calculated text rectangles.
+Because Sketch v3.x still has less than ideal support for font-size and line-height, especially when you are dealing with CJK language (Some say it's a limit of OSX). This plugin allow you to align text as imagined, ignoring those incorrectly calculated text rectangles.
+
+This plugin is tested with Sketch version 3.2.2 (9983).
 
 
 # Install
 
-1. Download ZIP of this repo
-2. Extract
-3. Put the folder in your Sketch plugin folder (Use `Plugins>Reveal Plugins Folder` to find it)
+1. Download ZIP of this repo.
+2. Extract and rename folder to suit your taste.
+3. Put the folder in your Sketch plugin folder (Use `Plugins>Reveal Plugins Folder` to find it).
 
-Folder name and plugin filename will show up in Sketch `Plugins` menu.
+Folder name and plugin filename will show up as items in Sketch `Plugins` menu.
 
 
 # Usage
 
-1. Select multiple text layers
-2. Alt + Cmd + L or `Plugins` menu
-3. Follow the dialog prompt
+1. Select multiple text layers.
+2. `Alt + Cmd + L` or use `Plugins` menu.
+3. Follow the dialog prompt.
+
+
+# Note
+
+This plugin does not fix multiline text layer line height and padding issues, it makes aligning multiple text layer easier instead.
 
 
 # License
 
 MIT
+
+[demo-image]: http://i.imgur.com/Bx1hpLA.png

helpers.js

@@ -0,0 +1,55 @@
+
+/**
+ * helpers.js
+ *
+ * A helper for aligning text layers
+ */
+
+function format() {
+	var app = NSApplication.sharedApplication();
+
+	if (selection.count() < 2) {
+		app.displayDialog('Please select at least 2 text layers');
+		return;
+	}
+
+	var scale = parseFloat(doc.askForUserInput_initialValue('Input your expected line-height (unit em)', '1.5'));
+	if (!scale) {
+		return;
+	}
+
+	var prevLayer, prevFrame;
+
+	for (var i = selection.count() - 1; i >= 0; i--) {
+		var layer = selection[i];
+
+		if (layer.className() != 'MSTextLayer') {
+			continue;
+		}
+
+		if (!prevLayer) {
+			prevLayer = layer;
+			continue;
+		}
+
+		var pos = position(prevLayer, scale);
+		align(layer, pos);
+
+		prevLayer = layer;
+	};
+};
+
+function position(layer, scale) {
+	var frame = layer.frame();
+	var pos = {};
+	pos.x = frame.x(); 
+	pos.y = frame.y() + layer.fontSize() * scale; 
+
+	return pos;
+};
+
+function align(layer, pos) {
+	var frame = layer.frame();
+	frame.setX(pos.x);
+	frame.setY(pos.y);
+};