問題タブ [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 に答える
89 参照

css - ::selection をハイフネーションで正しく動作させるにはどうすればよいですか?

選択したテキストのスタイルを変えたいので、それ::selectionを実現するために使用しています。

印刷上の理由から、hyphens: auto;段落に使用しています。

これは機能しますが、ハイフン付きのテキストを選択すると問題が発生します: ハイフンが白く表示されません (つまり、ハイフンが選択されていないかのように動作します)。

ハイフン付きテキストの問題を示すスクリーンショット。

この問題を解決する方法はありますか、それともバグですか? Safari 5.1.7 を使用しています。

0 投票する
6 に答える
4768 参照

php - ハイフンでつながれた単語を分割しない

ポルトガル語で書かれたコンテンツを含む Web サイト (Wordpress、HTML、CSS、jQuery) を開発しています。ハイフン付きの単語が多く、行末に来ると半分に分かれます。次に例を示します。

単語がハイフネーションされているかどうかを検出し、行末にある場合は半分に分割しない方法はありますか? 単語全体が次の行に移動するのが理想的ですが、それが不可能な場合は、提案をお待ちしています。このようなもの:

私にとって解決策を知ることよりも、それを理解することが重要です。前もって感謝します。

編集

Web サイトは CMS プラットフォームで開発され、コンテンツはクライアントによって挿入され、動的です。クライアントが改行しないハイフン ( HTML ‑) を単独で使用することは期待できません。

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

html - HTML / CSS でソフトハイフン () を非表示にする方法

メールアドレスを div 内でワードラップしようとしています。そうしないと、div の幅に対して長すぎるためにオーバーフローしてしまいます。

この問題が以前にここで取り上げられたことは知っていますが (例:この質問)、そこや他の場所で言及されているすべての可能な解決策を取り上げているため、読み進めてください。

以下のソリューションはどれも、私が望むことを正確に行いません:

  1. CSS

    div の幅によっては、電子メール アドレスがぎこちない場所で壊れます。例えば

    info@longemailaddress.co.u

    k

  2. HTML 内でソフト ハイフンを使用します。

    これは非常によくサポートされていますが、ページにハイフンが表示されるため、ユーザーは電子メール アドレスにハイフンが含まれていると信じてしまいます。

    info@long-

    emailaddress.co.uk

  3. 電子メール アドレス内に薄いスペースまたは幅ゼロのスペースを使用します。

    これらはどちらも余分な文字を挿入します(ユーザーがコピーして貼り付けると残念です)

  4. 改行...

    ...ほとんどの場合、div は 1 行に電子メール アドレスを含めるのに十分な大きさであるため、アウトです。

HTML/CSS でこれを行うための独創的な方法を期待していると思います。おそらく疑似要素 (:before / :after など) を使用するか、ソフト ハイフンを使用しますが、何らかの巧妙な方法で CSS でそれを隠します。

私のサイトでは jquery を使用しているので、必要に応じて jquery を使用しますが、この 1 つの小さな問題のためだけにハイフネーション ライブラリ全体を含めたくはありません。

はがきで答えてください。(または、理想的にはここ...)

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

asp.net-mvc - ASP.NETMVC4-URLでダッシュ/ハイフンを許可する

MVC 4 / ASP.NET 4.5アプリのURLでダッシュ/ハイフンを適切に許可する方法に苦労しています...何らかの理由で、MVCはダッシュをアンダースコアに変換しますが、これは私が望むものではありません。

質問を投稿する前にかなり検索を行いましたが、それでも簡単な解決策は見つかりません。私が見つけたものはすべて、そのような単純な構成ではうまくいかないようです。

基本的に、次のURLにアクセスできるようにしたいと思います。

www.mysite.com/dashes-in-url

たとえば、次の名前のコントローラーを作成しました。

dashes-in-urlController.cs

コントローラには問題のない名前が付けられ、コントローラ名にダッシュを含めることができました。

ただし、上記のコントローラーのインデックスのビューを作成すると、次のようにビューが作成されました。

フォルダ:/ Views /dashes_in_url

そのフォルダにIndex.cshtmlファイルがありますが、ダッシュがアンダースコアに置き換えられました。

だから私は次のようにURLにアクセスする必要があります:

www.mysite.com/dashes_in_url

URLにダッシュを使用する代わりに、アンダースコアを使用します。

私がやろうとしていることを達成するためのエレガントでシンプルな解決策を知っている人はいますか?

この件での助けは大歓迎です、ありがとう!

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

python - 特定の部分文字列を中間のダッシュに置き換えます-python

次の入力と出力を実現できるPythonの文字列操作はありますか?正規表現を使用する場合、正規表現は部分文字列をどのように置き換えますか?

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

javascript - javascriptで文字列をx行に分割する方法(テキストを揃えて)

ランダムな文字列を等分に分割しようと必死になっているので、それぞれを個別にテーマ化できます。私の目標は、テキストにねじれた効果を加えることですが、テキストを正当化し、単語を分割することなく維持することです..

この例でわかるように、私はそのようなことをしようとしましたが、結果は本当にくだらないものです:

http://vps10937.ovh.net/hyphenator/WorkingExample1.html (プラトン 2)

これが私のコードです:

今、プラグインhyphenator.jsを使用してテキストを正しく分割し、等しい行を取得しようとしています。

http://vps10937.ovh.net/hyphenator/WorkingExample1.html (プラトン 1)

プラグインを呼び出すのはとても簡単です:

結果はきれいですが、これでは各行に CSS を適用してテキストをねじることはできません。hyphenator.js (ここをクリックしてソースコードを参照) ファイルを上から下まで調べましたが、テキストを行に分割するものは見つかりませんでした..


編集


github で見つけたプラグインを変更しました。これにより、希望する結果に近いものができるようになりました。しかし、まだいくつかの問題があります。

http://vps10937.ovh.net/hyphenator/WorkingExample1.html (プラトン 3)

1)スクリプトが非常に遅い。結果をキャッシュすることは可能ですか?

2) テキストが正当化されなくなったため、行が完全に等しくなりません...

3) Firefox でのみ動作します!!

ここにコードがあります http://vps10937.ovh.net/hyphenator/jquery.truncatelines.js

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

regex - 任意の位置でハイフンでつながれ、2 行に分割された特定の単語に一致する正規表現

オプションで、単語内の不明な位置でハイフンでつながれ、連続する行に分割されている特定の単語をテキスト ファイルで検索したいと考えています。

例えば。次の範囲内の「ハイフン付き」に一致:

最も近い (魅力的でない) 解決策:

私よりも強力な regex-foo が、検索対象の単語を明確に含む正規表現を考え出すことができることを願っています。そこに「ハイフネーション」を表示したいと思います。次のようなものをエンコードする方法が見つかりませんでした(「hy-ted」と一致するため、とにかくバグがあります):

ドキュメントを前処理してそのような単語を折りたたむと検索が簡単になることはわかっていますが、関連するツールのためにこれが不可能なコンテキストで使用できる正規表現を探しています。

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

hyphen - Handling hyphens in user generated URLs

I have an app where I need to link to users by their names. They may have spaces in them, so I just replace spaces with hyphens. The dilemma I am having now is that what happens if the person has a hyphen in their name. How should I handle this. Two columns in the database, one for the stripped and one for display? Any ideas?