https://github.com/ishi720/jquery-textfit

文字がはみ出ないように制御します
https://github.com/ishi720/jquery-textfit

javascript jquery npm-package

Last synced: 18 days ago
JSON representation

文字がはみ出ないように制御します

• Host: GitHub
• URL: https://github.com/ishi720/jquery-textfit
• Owner: ishi720
• Created: 2018-02-09T02:26:50.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2023-05-05T11:12:40.000Z (over 1 year ago)
• Last Synced: 2024-04-25T22:21:42.503Z (7 months ago)
• Topics: javascript, jquery, npm-package
• Language: HTML
• Homepage: https://ishi720.github.io/jquery-textfit/
• Size: 10.7 KB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jquery-textfit

[![npm version](https://badge.fury.io/js/jquery-textfit.svg)](https://badge.fury.io/js/jquery-textfit)

[![Codacy Badge](https://app.codacy.com/project/badge/Grade/54a82003878a4a228404ce0bc3e82108)](https://app.codacy.com/gh/ishi720/jquery-textfit/dashboard?utm_source=gh&utm_medium=referral&utm_content=&utm_campaign=Badge_grade)

文字がはみ出ないように制御するjsです。

jQuery必須です。

### 2023/5/3 追記 jQueryに依存しないpackageを作成しました →　[textfitJS](https://github.com/ishi720/textfitJS)

# SAMPLE

https://ishi720.github.io/jquery-textfit/

# インストール

- npm

```

npm i jquery-textfit

```

- yarn

```

yarn add jquery-textfit

```

# 使い方

-----------

### textShrinkCut()

```js

textShrinkCut( selector, leader, repeat );

```

**説明**

- 要素から文字がはみ出たら小さくします。それでもはみ出る場合は、文字を削ります。

**パラメータ**

- selector: cssセレクタ

- leader: 省略文字 (省略可。デフォルト"…")

- repeat: 繰り返す上限回数(省略可。デフォルト10)

-----------

### textCut()

```js

textCut( selector, leader )

```

**説明**

- 要素から文字がはみ出たら文字を削ります。

**パラメータ**

- selector: cssセレクタ

- leader: 省略文字 (省略可。デフォルト"…")