問題タブ [hyphenation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
567 参照

javascript - hyphenator.jsを使用したdompdfのハイフネーション

dompdf でハイフネーションを機能させようとして困っています。私のアイデアは、dompdf にフィードする html で hyphenator.js を使用することでした。

これまでのところ、次のことを試しました。

  1. <script srcヘッダーの a に hyphenator.js ファイルを含めます。
  2. hyphenator.js ファイルを<script src本文に含めます。
  3. ハイフネータのソース コードを本文に直接含める

ブラウザーでページをレンダリングすると、hyphenator.js は 3 つのケースすべてで完全に機能します。それでも、dompdfではまったく機能しません。何か不足していますか?

コンテンツを動的に絶対配置するために JavaScript も使用する必要があるため、これは非常に重要です。

また、JavaScript がまったく機能しない場合、他にハイフネーションのオプションはありますか?

事前にどうもありがとうございました!

0 投票する
2 に答える
2056 参照

javascript - Hyphenator.js を使用した Android の完全な両端揃えと自動ハイフネーション

自動ハイフネーションを使用して、Android のテキストを完全に正当化しようとしています。here で説明されているように、WebView を使用して完全な正当化を達成しました。Android での自動ハイフネーションに関するいくつかのスレッドを読みましたが、どれも WebViews には適用されません。新しい CSS3 hyphens:auto (-webkit-hyphens:auto を含む) を使用してみましたが、Android WebKit はまだサポートしていません。

ハイフェネーター JavaScript の使用について言及しているブログ投稿を見つけましたが、実装方法がわかりません (JavaScript と HTML は次の作業リストにあります)。.js ファイルのサイズが大きいため、単純に使用したくありませんwebView.loadUrl("javascript:someFunction()");

現在使用しているコードは次のとおりです。

HTMLは次のとおりです。

html ファイルと一緒に Hyphenator.js ファイルが保存されます。コンピューターのブラウザーで HTML ファイルを開くと期待どおりに動作しますが、電話ではうまくいきません。コンピューター ブラウザー (FF) と WebView の比較 最終的には、テキストを動的に生成したいのですが、これを機能させるだけでも大きな助けになります。ありがとう。

0 投票する
2 に答える
1682 参照

css - 大きな単語を分割する/レイアウトを壊さないようにする/Hyphenatorjs

同じ問題を説明し、さまざまな成功を収めているページを何度も見てきました。私がやろうとしているのは、指定された幅を超えてコンテンツを拡大することで、テーブルやdivなどを壊さないように大きな単語を分割できる方法を考え出すことです。パーセント幅の要素に対してこれを行う必要があります。私はすべてを試したような気がしますが、それがハックであっても、解決策がなければなりません。私がこれまでに見つけた最善の解決策は、ハイフネーターjsを使用することです。辞書ファイルにある実際の単語でのみ機能するように見えることを除いて、ほとんどの長い単語で美しく機能します。たとえば、これは私のすべての例でうまく分割されています。

これはテキストの長い文字列であり、ハイフネーターを使用していた場合は、ハイフンでうまく分割され、すべてがうまくいくでしょう

これらのようなものは壊れることはなく、代わりに私のサイトを壊します:

abababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababab

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-

これを使用したいほとんどのサイトでは、ユーザーが作成したテキストをサイトに表示できます。等号やハイフン文字の長い文字列などが一般的です。また、stackoverflowがword-wrap:break-word;を使用してこの問題に対処していることにも気づきました。css(少なくともFirefoxでは)。私はこれを実験して、それがうまく機能することを発見しましたが、事前定義されたピクセル幅を使用する場合にのみ機能し、パーセンテージ幅で機能するソリューションが必要です。私もword-wrap:break-allを使用しましたが、これは機能しますが、代わりに単語を折り返す必要があるときに途中で小さな単語を切り取るため、見栄えが悪くなります。

可能であれば、ハイフネーターはほとんどの場合うまく機能するので、引き続き使用したいと思います。たぶん私はこれをあまりにも長い間見てきましたが、ハイフネーターに、大きすぎる上記のような非単語を分割するように設定できる何らかのオプションがありますか?誰かがこれを実現するためにハイフネーターの正規表現を調整することに成功したのではないでしょうか。

0 投票する
1 に答える
1048 参照

css - 自動ハイフンサポートを検出する方法は?

CSSハイフネーションが利用できない場合にのみ、ハイフネーションポリフィル( hypher.jshyphenator.jsなど)を使用したいと思います。

しかし、Modernizrではそのような検出は利用できません。サポートのテストhyphens: autoは信頼できません。ChromeとMobileSafariの両方が(プレフィックス付きで)サポートしますが、ハイフネーションを行うのは後者だけです。

検出できない機能ですか?

0 投票する
0 に答える
769 参照

c# - PDFBoxがハイフンで単語を分割しないようにする方法

PDFBox バージョン 1.7.0 を使用して PDF からテキストを抽出しています。クラスは、.NET を使用して .NET にコンパイルされましたIKVM.NET。ファイルの名前とパスを渡す次のコードを使用しています。

PDF は全体に 2 列あります。抽出はかなりうまくいきます。ただし、多くの単語はハイフンによって次の行に分割されており、完全な単語として保持する必要があります。

たとえば、「becoming」という単語
は、他の多くの単語と同様に「becoming」に変わります。

PDFBox が単語をダッシュ​​「-」またはハイフンでランダムに分割し、単語の一部を 1 行に表示し、残りを次の行に運ぶのを防ぐ方法はありますか?

単語間に空白をランダムに挿入することを扱ったstackoverflowに関する記事を見ました。つまり、PDFBoxが単語内に空白を追加します

ただし、私の問題は、PDFBox がダッシュまたはハイフンで分割されていることです。

と呼ばれるメソッドへの参照も見ましたcharactersByArticle。これは特に2列のPDF用であり、おそらくこれにより抽出されたテキストが正しくレンダリングされるのではないかと思いました。ただし、このメソッドの使用方法の実際の例は見つかりませんでした。それへの簡単な参照です。

charactersByArticleメソッドがこれを妨げない場合、誰かがこれを上記の PDFTextStripper メソッドと組み合わせて使用​​する良い例を提供できれば、Regex を検討することさえあります。前もって感謝します。

0 投票する
2 に答える
8971 参照

javascript - クライアント側のハイフネーションにはどの JavaScript ライブラリを使用すればよいですか?

サイトの大きなテキストに JavaScript を使用してクライアント側のハイフネーションを実装したいと考えています。(私は CSS3 のハイフネーションについて知っており、利用可能な場合は代わりに使用しますが、通常は利用できません。)

私はHyphenator.jsを使用しており、うまく動作しますが、非常に大きく (英語だけで最適化され、コンパイルされたビルドは 106 KB になります)、かなり遅いです。大きくて遅いので、ハイフネーションを完全に削除することを検討しています。とにかく贅沢です。

しかし最近、代替と思われるものに出くわしました: Hypher。私を困惑させているのは、Hypher がどうして私をこんなに小さくして同じことをできるのかということです。誰かがこれを説明できるかどうか疑問に思っています。

ハイパーも同様に機能しますか? 代わりに Hyphenator.js を使用する理由はありますか? Hypher の readme には、ページの下部に Hyphenator.js へのリンクがありますが、これらのプロジェクト間の関係を説明するテキストはありません。

最も効率的なクライアント側のハイフネーションについて意見を持っている人はいますか?

0 投票する
1 に答える
36 参照

javascript - Sencha パネルでテキストをハイフンでつないでみようとして失敗する

Sencha Touch 2 のパネルにページが広がっている電子ブックに取り組んでおり、パネル内の段落をハイフンでつないでいくのに苦労しています。Hyphenator.js と CSS3 のハイフネーションを試してみましたが、うまくいきませんでした。Sencha フレームワーク外の html 内の同じコードは、ハイフネーションに成功します。手がかりはありますか?ご協力いただきありがとうございます。

0 投票する
0 に答える
200 参照

html - HTML のオフライン テキスト ハイフネーション

ブラウザーに表示するためにプログラムでハイフネーションする必要がある (ロシア語) テキストがあります (つまり、何らかのスクリプトを使用して&shy;適切な場所に配置します)。

hyphenator.jsについては知っていますが、すべてのコンテンツが既にオフラインで生成されているため、ハイフネーションもオフラインで行いたいと考えています。つまり、ブラウザでテキストをハイフン処理せずに、ソフト ハイフンを含む静的 HTML ファイルに生成したいということです。

(Linux) コマンドライン ツールまたは C ライブラリで問題ありません。一部の Python コードでさえ実行できます。

手がかりはありますか?たぶん、TeXを使って私のために仕事をすることができますか?

0 投票する
0 に答える
1129 参照

html - Google Chrome: ハイフネーションの削除

私は奇妙な問題を抱えています: Bootstrap 3/Wordpress 3.6.1 サイトを持っていて、中央に 3 つの狭い - ~200px 幅 - テキストの段落があり、ハイフネーションは必要ありません。Safari と Firefox では問題ありませんが、Chrome (バージョン 30) ではテキストが自動的にハイフネーションされます。関数ファイルを書いたので、これはWordpress関数ではなく、ブートストラップ3のものではないと思いますが、ミックスインで「ハイフン」「なし」に設定したことを確認してください。

CSSでオフにしようとしました

検索すると、有効にする方法を説明しているページがたくさんありますが、無効にする方法を説明しているページはありません。

0 投票する
3 に答える
7674 参照

ios - ネイティブ iOS アプリのハイフネーション

iOS で自動ハイフネーションを有効にするにはどうすればよいですか?

UILabel の属性付きテキスト オプションでハイフネーション係数を 1 に設定しようとしましたが、ハイフンが表示されません。