文字列の操作：
Node内のパラグラフを指定した高さごとに分割
Nodeを渡して、内部のパラグラフを指定高に収まるように分割して配列にして返す。
Node
Nodeを指定 id値を文字列で指定してもよい
Number
分割する高さを数値で指定
●必須引数 ●オプション引数(省略可能)
記述例
$strPrgWithHeight($id('comment'), 120)
$strPrgWithHeight('comment', 120)
戻り値
分割された文字列(<p>タグを含むパラグラフ)を格納した配列を返す。
注意点
元のHTML構造は、指定するNode内に<p>だけがリストされている状態にする。
<Node>
<p>・・・</p>
<p>・・・</p>
</Node>
動作サンプル
どういう鶴嘴をは殖やしなくがという寄宿舎に述べて来ななけれ。そのため秋刀魚の所ほんの文芸も私ごろを煮えないかとなった。
私に道具社会かみんなかで思いですのが、ない云っが、手やら光明たりを這入っますだ。それならとり訳は秩序はしからいう、だから自由むやみない運動通りで個人の進みがするない不愉快な手ぬかりに詫とかけ合わが行くでためへ、はなはだなけれます事。
その周囲の道というなもな、よそかの敵学校の自分というますんませと発見握るからいるますながら、けっして私はそんなところ木下さんという自由ますのにしたで。私を自分というものはお面白い事でば、ここも同じ中、こっちだっての一致にして存じ場所にそこのモーニングに引き摺り込んのかとなりなかっのだろ。おっつけそれの興味はそんな時のは暮らしてしまうだたくらいさなけれでから。
《ここに結果を表示》
HTML :
<div id="sample_base">
<p>────</p>
<p>────</p>
<p>────</p>
</div>
<div id="sample_result">《ここに結果を表示》</div>
Sass :
#sample_base,
#sample_result {
& > p,
& > div {
padding: 10px 20px;
border: 1px solid rgba(#8eb8bd,0.3);
}
}
Javascript :
function sample1() {
var pAry=$strPrgWithHeight($id('sample_base'),230);
var resultCode='';
for(var pi=0; pi<pAry.length; pi++) {
var workCode='<div>'+pAry[pi]+'</div>';
resultCode+=workCode;
}
$toHTML($id('sample_result'),resultCode);
}
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。