Get Insertion Point Color

100%

Get Insertion Point Color

✓ Published0🌍 Public

Last edited Feb 17, 2019

Created on Feb 17, 2019

This example shows how to retrieve the color of the text insertion point caret within Sketch’s text-editing mode. It reads the currently selected text layer and, if the layer is actively being edited, logs the numeric caret color returned by the native `textView.insertionPointColor()` API. The snippet relies on Sketch’s CoreText framework, using `sketch/ui` to display a warning message when no editable text is selected and `sketch/dom` to access the selected layer’s editing delegate. The code is provided as a single JavaScript file, with no external dependencies or data source.

AI-generated description

Similar vizzes

Loading thumbnail…

Insertion Blinker turned White

A Sketch plugin script demonstrates converting selected text in a text layer to small caps by modifying its font. It accesses the text layer through Sketch's DOM API and checks if the layer is in editing mode using `sketchObject.isEditingText()`. When active, it applies the new font via `textView.setFont()` and calls `didChangeText()` to refresh the view. The script builds a font descriptor with `NSFontFeatureSettingsAttribute` for lowercase small caps, using CoreText APIs like `kLowerCaseType` and `kLowerCaseSmallCapsSelector`, then creates the font with `NSFont.fontWithDescriptor_size()`.

KKevinGutowski

62% match

Loading thumbnail…

Attempting to Highlight First Letter

This Sketch plugin example demonstrates how to highlight the first letter of a selected text layer. The script calculates the bounding box of the first glyph using Sketch’s text layout APIs, including `NSTextContainer`, `NSLayoutManager`, and `boundingRectForGlyphRange`, then draws a red rectangle behind that letter. The gist creates a reusable highlight shape and removes any previous version, making it easy to re-run the code. The plugin relies on the Sketch.js library to access and manipulate the document’s layers and shapes.

KKevinGutowski

60% match

Loading thumbnail…

Highlighting Attempt

This example highlights the first four characters of selected text layers in a Sketch document with a yellow background. The script uses the Sketch JavaScript API through the `sketch` library to access the current document and its selected layers. It filters layers for those of type "Text" and then applies the highlighting by calling `addAttribute_value_forRange` with the `NSBackgroundColorAttributeName`, the color yellow, and a range covering positions zero through four. The operation directly manipulates the native Sketch layer objects via their `sketchObject` property.

KKevinGutowski

59% match

Loading thumbnail…

Image Attachment to a Text Object

This example demonstrates how to embed an image attachment directly into a specific position within a text object in Sketch. The code uses the Sketch API to access the selected layer and its editing delegate, then modifies its `NSTextStorage` by replacing a character range with an attributed string containing the attachment. It relies on `NSFileWrapper`, `NSTextAttachment`, and `NSAttributedString` to load and insert the image, setting its display bounds. The image path is hardcoded to a local file, and the insertion occurs at character index 4 while editing is active.

KKevinGutowski

59% match

Loading thumbnail…

Attempting to set font attributes during selection

This example demonstrates how to modify font attributes of selected text within a Sketch document. It uses the Sketch JavaScript API and the CoreText framework to apply small-caps styling to the first five characters of a text layer. The script accesses the document's selected text layer, checks if it is in editing mode, then retrieves the text storage and font descriptor to construct a modified font with the small-caps feature enabled. It applies the new font attribute to the specified range and finalizes the changes with the text storage editing methods.

KKevinGutowski

58% match

Loading thumbnail…

Gist d491c1b772929648bf84c486fc5a745c

This sketch plugin example demonstrates modifying font attributes, specifically applying small-caps settings, to text within a selected layer in Sketch. It shows how to retrieve font information for each character range in a text layer using the Sketch API, apply a new font descriptor with the desired attribute via `NSFontDescriptor` and `NSDictionary`, and update the text storage with the modified attributes. The code relies on the `sketch` library and Sketch’s internal `NSFont` and `TextStorage` classes to perform the attribute substitution.

KKevinGutowski

57% match

Loading thumbnail…

Change Sketch Measurement Color

This example shows a Sketch plugin that programmatically reads the current measurement color from the active document and prints its RGBA values to the console. The code uses the `sketch` library to access the selection, then the `eventHandlerManager`, `normalHandler`, and `measurementRenderer` APIs to retrieve the color as an `NSColorSpaceColor` object. The resulting output confirms a solid red fill. No data source is involved; it demonstrates direct inspection of a Sketch interface element's style.

KKevinGutowski

57% match

Loading thumbnail…

Get pixel data from image layer at coordinates

This example demonstrates how to extract the color of a specific pixel from an image that is part of a Sketch document. It grabs the first selected layer, converts its image data into an `NSBitmapImageRep`, and then calls `colorAtX_y` to read the RGB value at coordinates (1,2). The result is logged as a CSS string using `MSColor.colorWithNSColor`, showing the pixel’s color in a web-friendly format. The code relies on Sketch’s scripting API and the Cocoa/AppKit `NSBitmapImageRep` class for image decoding.

KKevinGutowski

56% match