Skip to main content
SimilarExport ZIP
100%

Make NSTextFIeld clickable and take you to a URL

✓ Published0🌍 Public
KKevinGutowski
Last edited Jan 12, 2021
Created on Jan 12, 2021

An NSTextField subclass turns static label text into a clickable hyperlink that opens a specified URL. The example shows how to combine an inspectable URL property with attributed string styling in the `awakeFromNib` method, applying a link attribute, link-colored foreground, and optional transparent underline. It also overrides `resetCursorRects` to display a pointing-hand cursor over the label’s bounds. The implementation uses Cocoa’s `NSAttributedString` and `NSCursor` APIs, with Interface Builder integration via `@IBDesignable` and `@IBInspectable`.

AI-generated description

Similar vizzes

Loading thumbnail…

Add a URL to a text layer

This example shows how to add hyperlinks to text layers in Sketch by assigning URLs directly to selected text or its active text range. When a user selects one or more text layers and runs the script, it prompts for a URL, then applies that link either to the entire layer or to the specific highlighted portion when text is being edited. The code uses the Sketch JavaScript API, specifically `sketch.getSelectedDocument()`, `layer.sketchObject.addAttribute_value()`, and `UI.getInputFromUser()`, along with `NSLinkAttributeName` and the `textStorage.addAttribute_value_range()` method for formatting range selection. After updating, it reloads the inspector to reflect the changes.

KKevinGutowski
59% match
Loading thumbnail…

UITextField wrapper for Cinder

This example shows a Cinder-based application integrating a native iOS `UITextField` for text input, bridging Objective-C and C++ through a wrapper class. The code demonstrates how the Cinder `TextField` class manages callbacks for text-changed and text-done events, using function binding to connect to app methods. The implementation relies on UIKit APIs like `UITextField`, `UIReturnKeyDone`, and `NSNotificationCenter` for change notifications, while the Cinder `CallbackMgr` handles event dispatch. A delegate class translates UIKit delegate callbacks into Cinder-friendly invocations, presenting a reusable pattern for cross-language UI integration.

RRandomEtc
52% 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
51% match
Loading thumbnail…

Basic Window Loading a URL

This example demonstrates a Sketch plugin that opens a floating panel and loads a remote SVG image from the Sketch website into a web view. The plugin uses AppKit’s `NSPanel` to create a borderless, floating window with hidden minimize and zoom buttons. It initializes a `WKWebView` from the WebKit framework, configures it with developer extras enabled, and loads the specified URL via `NSURLRequest`. The panel is centered and kept on top using `NSFloatingWindowLevel`.

KKevinGutowski
50% match
Loading thumbnail…

Adding links to objects in v4

A hyperlink encloses a rounded rectangle, while the text label "gongoozler" sits on top. The example shows how to make a non-rectangular object clickable by adding an anchor element with `xlink:href` to the SVG, and how to let mouse clicks pass through the text to the link below it. The text uses `pointer-events: none`, so hovering or clicking the label triggers the rectangle's link. The code relies on D3 v4's selection and SVG creation methods to build the static graphic and set the necessary attributes.

Dd3noob
50% match
Loading thumbnail…

NSAttributedString attributes

This example demonstrates programmatic manipulation of rich text attributes within a Sketch document. It shows how to access selected layers, locate the application’s Plugins menu, and log the first menu item’s title. The code then explores setting a variety of text attributes—such as superscript, underline style, stroke width, and writing direction—on an `NSAttributedString` object loaded from an RTF file. The implementation relies on Sketch’s JavaScript API, including `sketch.getSelectedDocument()`, `NSAttributedString`, and methods like `addAttribute_value_forRange`, with several experimental calls commented out.

KKevinGutowski
49% match
Loading thumbnail…

Adding links to objects

This example shows a light green rectangle with rounded corners as a hyperlink to a Wikipedia article about the word "gongoozler." The text label overlays the rectangle but is set with `pointer-events: none`, allowing clicks to pass through to the link beneath. Using the D3.js library (version 3.5.17), the code appends an anchor element with an `xlink:href` attribute to an SVG, then draws the rectangle and text. The text uses `text-anchor: middle` for centering, and the SVG is rendered inline in the HTML page.

Dd3noob
48% match
Loading thumbnail…

addlinkToObj

This example shows a single interactive link: a rounded, light green rectangle labeled “gongoozler” that, when clicked, opens the corresponding Wikipedia page. The visualization demonstrates how to attach a hyperlink to an SVG shape using an `<a>` element with an `xlink:href` attribute. Rendered with D3 v2 and SVG, the code creates the rectangle and centers text over it, with pointer events disabled on the label so clicks pass through to the link. The data source is implicit in the hardcoded word, and the rendering approach relies on standard SVG elements.

BBillalD
48% match