0

以下は、私が扱っているもののプレビューです。 ここに画像の説明を入力

見出し、テキスト、および画像はすべて、ユーザーに基づいて動的に作成されます。写真を追加するかどうかを選択したり、見出しやメイン コンテンツに挿入するテキストを選択したりできます。

スクロールすることはできないため、表示する必要があり、その白の下部を通過することはできません。

私の質問は...どうすれば本文のテキストを制限できますか?

  • 見出しが大きくて 2 行にまたがる場合、画像がある場合、行にとどまり、白を越えないようにするために、特定の文字数に制限する必要があります。

  • しかし、別のユーザーは、写真を持たずに見出しを 1 行に収めることを決定できます。その場合、そのユーザーはより多くのテキストを書き込むことができるため、制限は異なるはずです。

私にとって紛らわしい部分は次のようなものだと思います..ユーザーに写真がなく、短い見出しがあり、サイズに合わせて非常に長いテキストを作成した後、後で画像を追加することを決定した場合..その長いテキスト適合しなくなります。だから今..テキストが既にあるので、テキストを制限することはできません。

それが理にかなっていることを願っています。誰かがこれを手伝ってくれて、いくつかのアイデアをくれたら、本当に感謝しています。

4

4 に答える 4

2

これは、テキストを追加するためのユーザー入力に使用します。250の値を変更するだけで、使用する文字が制限される可能性があります。

<script>
        function countChar(val){
                                var len = val.value.length;
                                if (len >= 250) {
                                    val.value = val.value.substring(0, 250);
                                }else {
                                    $('#charNum').text(250 - len);
                                }
        };


    </script


<textarea id="field" name="description" onKeyUp="countChar(this)"></textarea>
于 2012-04-11T23:28:17.293 に答える
1

それはtextあなたがする必要があるだけでなく、あなたのウェブページのスタイルに影響を与えるものでlimitもありますimage thumbnail

文字列の数を制限するには..ここでスクリプトフォームを使用しますか? phpは文字列をトリムします 

function trim_word($str, $length, $suffix = '...') 
{
    $len = strlen($str);

    if ($len < $length) return $str;

    $pattern = sprintf('/^(.{%d,}?)\b.*$/', $length);
    $str = preg_replace($pattern, '$1', $str);
    $str = trim($str);
    $str .= $suffix;

    return $str;
}

テキストをトリミングし、常に単語で終わるようにします...

http://phpthumb.sourceforge.net/を使用thumbnailして、希望の高さと幅を設定するために必要なすべての固定サイズを生成できます

于 2012-04-11T23:36:01.623 に答える
1

考慮すべきオプションがいくつかあります。ユーザーが最初に入力できるテキストの量を制限して、オーバーフローしないようにすることができます。

私がおそらく行うことの 1 つは、ページ上で快適な最大文字数を見つけ、データベースからの出力で substr を使用して、それ以上表示されないようにすることです。

http://php.net/manual/en/function.substr.php

訪問者が必要に応じてさらに読むことができるように、「詳細」リンクを設定できますが、レイアウトが崩れることはありません。ロジックに基本的なifステートメントを使用します（画像が存在する場合は、テキストをこれにトリムし、そうでない場合など）。

それが役立つことを願っています。

于 2012-04-11T23:29:31.200 に答える
1

パディングなしで希望する固定高さのコンテナ div で全体を囲み、その中に別の内部 div をマージンなしで固定高さなしで配置し、ユーザーがコンテンツを変更すると、javascript 関数を作成して、内部がdiv は < コンテナ div です。そうでない場合は、ユーザーがその変更を行うことを許可しないでください。この方法では、問題を直接攻撃しています。

<script>
function checkDivs() {
 if(inner.style.height >= container.style.height) {
 //prevent change
 }
}
</script>
<div id='container'>
  <div id='inner'>
  //User-defined content
  </div>
</div>

この関数は、ユーザーがコンテンツを編集する GUI にアタッチされます。変更を防ぐ方法については、プログラムについて詳しく知る必要があります。

于 2012-04-11T23:56:57.130 に答える