Countable.js — Live word-counting in JavaScript
yarn add countable The preferred method of installation is yarn. Alternatively, you can download the script directly. Out of the box, Countable can be used with AMD loaders (require.js), CommonJS loaders (node, browserify) or directly in the browser. Countable offers an easy to understand API. With a single method call you can enable live paragraph-, word- and character-counting on a given HTML el
文章がはみ出したら”…”を表示するtext-overflowの使い勝手が悪いのでjQueryで書いてみたりとか。（CSS おれおれ Advent Calendar 2012 – 08日目） | Ginpen.com
CSS おれおれ Advent Calendar 2012 – 08日目 ネタバレ: 書いてみたは良いけど微妙な感じに。 CSSのプロパティでtext-overflowというのがあります。まあ読んで字の如（ごと）く、テキストがはみ出したときの指定です。以下のいずれかを指定します。 ellipsis … はみ出たら”…” (…) を表示させる clip … 通常処理。 元々IEの独自仕様なんだっけ？ 一般的なブラウザーでは利用可能です。 利用可能なんだけど、利用する場面がどれだけあるのかはちょっとよくわかんないです。 たしかに切ってくれるんだけど ちょいと試してみます。 改行しないようにしたもの (white-space:nowrap) 長い単語を含むもの 領域の高さが足りないもの 最後、領域の高さを超えても省略記号は表示されない ご覧のように、横方向に長いものは”…”で切って
長いテキストを「…」で省略するjQueryプラグイン・Smarttruncation
長いテキストを省略して表示 する、というjQueryプラグイン 、Smarttruncationのご紹介。 CSSのみでも一応は可能ですけど、 こちらはある程度応用が利くの で覚えておこうかと思います。 この手のライブラリはいくつか見かけましたけど、これは日本語でもそのまま利用出来るので一応メモ。 動作サンプル 長いテキストが省略されています。上は語尾を、下は真ん中あたりで省略。なかなか便利なのでは。 CSSのtext-overflow:ellipsis;で制御できない時に試してみてはいかがでしょう。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script src="jquery.smarttruncat
jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法｜BLACKFLAG
Webサイトのトップページで表示するお知らせ情報など、レイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。 そんな際にjQueryを使って文字列を任意の文字数でカットして、末尾に「…」などの追記情報（これも任意の文字列）を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみます。 【テキストのみ】 jQueryで文字列を特定の文字数でカットして末尾に「…」などを追加する方法 まずは実装するHTMLソースが下記のような構成だったとします。 ◆HTML <ul> <li>このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です。このダミーテキストは文字数カット用です
WordPressで抜粋の文字数を変更する方法
WordPressで抜粋の文字数を変更する方法を紹介します。WordPressは3.2.1を使っています。 １．問題点 下のスクリーンショットはTwenty Elevenテーマを使った検索結果ページです。検索結果ページではthe_excerpt()を使って（本文の）抜粋を表示するようにしていますが、日本語の場合、the_excerpt()を使っても全文が表示されてしまいます。 理由は、以下の公式ドキュメントによると、「語句の間を半角スペースで区切らない言語では判定できない」ということらしいです。 テンプレートタグ/the excerpt ２．対策 WordPressを使っている方はすでにご存知と思いますが、同梱されている「WP Multibyte Patch」プラグインを有効化します。 これで110文字を抜粋して表示するようになります。 ３．文字数を変更する ２項の設定で110文字になるの
Facebookアプリの入力文字数制限まとめ
Facebookアプリの入力項目に文字数制限があるようなので、まとめて紹介しておきます。スクリーンショットは制限文字数に達したときの証拠です。 １．Facebookについて - 基本情報 アプリケーション名：50文字 説明：250文字 ユーザーサポートのアドレス：無制限 連絡先メールアドレス：100文字 Privacy Policy URL：200文字 サービス規約のURL：200文字 ２．Web Site - Core Settings Site URL：200文字 Site Domain：100文字 ３．Facebook Integration - Canvas キャンバスページ：20文字 Canvas URL：200文字 Secure Canvas URL：200文字 ブックマークURL：200文字 ４．Facebook Integration - Page Tabs タブ名：16文
Plugins | jQuery Plugins
Can't find a Plugin you are looking for? Check out the jQuery Wiki page. Are you a plugin developer? Please move your plugin over to this site.
jQuery Plugin: Give Your Characters a NobleCount � The Product Guy
In my quest to always help provide my clients free, cheap and easy to use tools, I have been on the lookout for a jQuery plugin that would provide the ability to: (1) provide non-delayed, real-time character counts, (2) enable easy to customize visual behaviors, and (3) permit event and DOM hooks for the savvy with more advanced character counting needs. While there are other similar tools out the
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me