Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Add beforeCopy prop to customize copyText before clipboard action

オープン
#78 コメント 1 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
35/100
issue の種類
機能追加
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
react, typescript
領域
frontend

調査の方向性

Start by locating the copy feature and the relevant Copied or main JsonView component mentioned in the issue. Trace how copyText reaches the clipboard action, then check existing component tests or examples. Done means an optional beforeCopy callback can transform the computed text while preserving the current behavior when it is absent.

索引モデルが issue の本文から書いたものです。

説明

Feature Request: beforeCopy Prop for Custom Clipboard Content

Summary:
When using the copy feature, allow developers to intercept and modify the copied content before it is sent to the clipboard, by introducing a beforeCopy function prop.

Motivation:
Currently, the copied value (copyText) is determined internally and cannot be changed by the consumer. In some cases, developers may want to format, sanitize, or otherwise modify the value before it is copied. Providing a hook/prop for this increases flexibility and control for library users.

Proposed API:
Add a new optional prop beforeCopy to the relevant component (e.g., <Copied /> or main JsonView), which receives the computed copyText and returns the new string to be copied. For example:

copyText = beforeCopy ? beforeCopy(copyText) : copyText

Example Usage:

<JsonView.Copied beforeCopy={(text) => text.replace(/\"/g, '')} />

Benefits:

  • Allows custom transformations on copied content
  • Backwards compatible (default: no change)
  • Simple implementation

Labels:

  • enhancement
主要言語
TypeScript
スター
420
フォーク
24
PR マージ指標
30日以内にマージされた PR はありません

環境構築

このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

uiwjs/react-json-view のほかの issue

uiwjs/react-json-view の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。